feat: add more recent data to front page widgets, also add updates co…

…ming soon note
dictyBase · Jun 7, 2019 · 3ddbff3 · 3ddbff3
1 parent e63a2d5
commit 3ddbff3
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 16 deletions.
diff --git a/src/components/frontpage/Annotations.js b/src/components/frontpage/Annotations.js
@@ -47,7 +47,6 @@ const styles = theme => ({
   listBox: {
     padding: "0px 25px 10px 25px",
     fontSize: "12px",
-    marginBottom: "5px",
     paddingBottom: "0px",
     marginTop: "0px",
     "@media (max-width: 992px) and (min-width: 767px)": {
@@ -57,19 +56,22 @@ const styles = theme => ({
       fontSize: "16px",
     },
   },
-  plusSign: {
-    color: "#0b3861",
+  updateNotice: {
+    color: "rgb(195, 4, 27)",
     fontSize: "11px",
     fontStyle: "italic",
     fontWeight: "normal",
     textAlign: "center",
-    paddingBottom: "0px",
+    paddingBottom: "5px",
 
     "@media (min-width: 1400px)": {
       paddingTop: "30px",
       fontSize: "12px",
     },
   },
+  link: {
+    textDecoration: "none",
+  },
 })
 
 type Props = {
@@ -86,13 +88,23 @@ const Annotations = (props: Props) => {
 
   const genelist = annotations.genes.map((gene, index) => (
     <li className={classes.listItem} key={index}>
-      {gene}
+      <a
+        className={classes.link}
+        href={`https://testdb.dictybase.org/gene/${gene}`}>
+        {gene}
+      </a>
     </li>
   ))
 
   const paperlist = annotations.papers.map((paper, index) => (
     <li className={classes.listItem} key={index}>
-      {paper}
+      <a
+        className={classes.link}
+        href={`https://pubmed.gov/${paper}`}
+        target="_blank"
+        rel="noopener noreferrer">
+        {paper}
+      </a>
     </li>
   ))
 
@@ -106,16 +118,13 @@ const Annotations = (props: Props) => {
         <Grid item className={classes.box} xs={6}>
           <span className={classes.title}>Genes</span>
           <ul className={classes.listBox}>{genelist}</ul>
-          <div className={classes.plusSign}>
-            <FontAwesome name="plus fa-xs" />
-          </div>
         </Grid>
         <Grid item className={classes.box} xs={6}>
           <span className={classes.title}>Papers</span>
           <ul className={classes.listBox}>{paperlist}</ul>
-          <div className={classes.plusSign}>
-            <FontAwesome name="plus fa-xs" />
-          </div>
+        </Grid>
+        <Grid item xs={12}>
+          <div className={classes.updateNotice}>updates coming soon</div>
         </Grid>
       </Grid>
     </div>

diff --git a/src/data/annotations.js b/src/data/annotations.js
@@ -1,4 +1,4 @@
 export default {
-  genes: ["abprtA", "trgrB1", "tgrC1", "tacA"],
-  papers: ["25609090", "25546705", "25540127", "25596489"],
+  genes: ["erkB", "kif8", "cln3", "tpp1"],
+  papers: ["30612939", "31067156", "30771446", "31100984"],
 }
diff --git a/src/data/stockcenter.js b/src/data/stockcenter.js
@@ -1,4 +1,4 @@
 export default {
-  plasmids: ["DBS0304455", "DSB0350408", "DBS0350326", "DBS0350435"],
-  strains: ["DBS0304455", "DSB0350408", "DBS0350326", "DBS0350435"],
+  plasmids: ["pTgrR1/LacZ", "pBeiB/YFP", "pSigK", "pExpl7/lacZ"],
+  strains: ["Mad52", "grlD-/[act15]:grlD", "grlD-", "ase1A-"],
 }