Browse Source

Add genenetwork navbar, splash screen and config

Signed-off-by: Njagi Mwaniki <njagi@urbanslug.com>
master
Njagi Mwaniki 11 months ago
parent
commit
562958ac44
No known key found for this signature in database GPG Key ID: 87695449819EA6F4
  1. 14
      customizations/config.json
  2. 9
      customizations/navbar.js
  3. 17
      customizations/splash.js

14
customizations/config.json

@ -0,0 +1,14 @@
{
"sidebarTheme": {
"background": "#333",
"color": "#fff",
"sidebarBoxShadow": "rgba(0, 0, 0, 0.2)",
"font-family": "Lato, Helvetica Neue, Helvetica, sans-serif",
"selectedColor": "#5097BA",
"unselectedColor": "#333",
"unselectedBackground": "#888"
},
"splashComponent": "splash.js",
"navbarComponent": "navbar.js",
"browserTitle": "COVID-19 PubSeq: Public SARS-CoV-2 Sequence Resources"
}

9
customizations/navbar.js

@ -0,0 +1,9 @@
import React from "react";
export default function NavBar({sidebar, narrativeTitle, width}) {
console.log(sidebar);
return (
<></>
);
}

17
customizations/splash.js

@ -0,0 +1,17 @@
import React from "react";
export default function Splash({available}) {
// const x = available.datasets.map(({request}) => request);
const x = available.datasets ? available.datasets.map(({request}) => request) : [];
const links = x.map((u) => <li key={u}> <a href={u}>{u}</a> </li>);
return (
<div style={{margin: "auto", width: "50%", fontSize: "18px", marginTop: "10px"}} >
<h2>COVID-19 PubSeq: Public SARS-CoV-2 Sequence Resource</h2>
<p>Available Datasets:</p>
<ul> { links } </ul>
</div>
);
}
Loading…
Cancel
Save