Merge pull request #615 from nextstrain/github-sidebar

Show github links as dataset (in sidebar) for community URLs

src/components/controls/choose-dataset.js

@@ -1,6 +1,19 @@
 import React from "react";
 import { connect } from "react-redux";
 import ChooseDatasetSelect from "./choose-dataset-select";
+import { darkGrey } from "../../globalStyles";
+
+const renderGithubInfo = () => {
+  const parts = window.location.pathname.split("/");
+  const repoURL = `github.com/${parts[2]}/${parts[3]}`;
+  return (
+    <div style={{ fontSize: 14, marginTop: 5, marginBottom: 5 }}>
+      <i className="fa fa-clone fa-lg" style={{color: darkGrey}} aria-hidden="true"/>
+      <span style={{position: "relative"}}>{" "}</span>
+      <a href={`https://${repoURL}`} target="_blank">{repoURL}</a>
+    </div>
+  );
+};
 
 const renderBareDataPath = (source, fields) => (
   <div style={{ fontSize: 14 }}>
@@ -29,7 +42,9 @@ class ChooseDataset extends React.Component {
        This helps the user know what they're looking at.
      */
     if (!this.props.available) {
-      return renderBareDataPath(this.props.source, this.props.datasetFields);
+      return this.props.source === "github" ?
+        renderGithubInfo() :
+        renderBareDataPath(this.props.source, this.props.datasetFields);
     }
 
     const selected = this.props.datasetFields;