interface working

1 files changed, 12 insertions, 2 deletions

diff --git a/scraper/client/common/header.component.js b/scraper/client/common/header.component.js
index 0cd67c76..4da5af8a 100644
--- a/scraper/client/common/header.component.js
+++ b/scraper/client/common/header.component.js
@@ -21,16 +21,26 @@ class Header extends Component {
 
   render() {
     let { papers } = this.props.api.papers
+    let { dataset } = this.props.api.paperInfo
     papers = papers || {}
     const paperOptions = Object.keys(papers).map(key => (
-      <option key={key} value={key}>{papers[key][1]}</option>
+      <option key={key} value={key}>{papers[key].name}</option>
     ))
     return (
       <header>
         <section>
-          <select onChange={this.pickPaper.bind(this)}>
+          <select value={dataset && dataset.key} onChange={this.pickPaper.bind(this)}>
             {paperOptions}
           </select>
+          {dataset && 
+            <div>
+              {dataset.name_full}{' - '}
+              <a href={"/paper/" + dataset.key + "/info"}>Info</a>{' - '}
+              <a href={"/paper/" + dataset.key + "/citations/"}>Citations</a>{' - '}
+              <a href={"/paper/" + dataset.key + "/unknown/"}>Unknown</a>{' - '}
+              <a href={"/paper/" + dataset.key + "/random/"}>Random</a>
+            </div>
+          }
         </section>
         <section></section>
       </header>