displaying more info about the papers

1 files changed, 15 insertions, 6 deletions

diff --git a/scraper/client/common/header.component.js b/scraper/client/common/header.component.js
index d82a8db0..5a100e90 100644
--- a/scraper/client/common/header.component.js
+++ b/scraper/client/common/header.component.js
@@ -1,8 +1,10 @@
 import React, { Component } from 'react'
-import { NavLink } from 'react-router-dom'
+// import { NavLink } from 'react-router-dom'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
+import { history } from '../store'
+
 import * as actions from '../actions'
 
 class Header extends Component {
@@ -11,19 +13,26 @@ class Header extends Component {
     this.props.actions.getPapers()
   }
 
+  pickPaper(e) {
+    console.log(e.target.value)
+    history.push('/paper/' + e.target.value)
+    // this.props.actions.getPaperData(e.target.value)
+  }
+
   render() {
-    console.log(this.props)
     let { papers } = this.props.api.papers
     papers = papers || {}
     const paperOptions = Object.keys(papers).map(key => (
       <option key={key} value={key}>{papers[key][1]}</option>
     ))
-    console.log(papers)
     return (
       <header>
-        <select>
-          {paperOptions}
-        </select>
+        <section>
+          <select onChange={this.pickPaper.bind(this)}>
+            {paperOptions}
+          </select>
+        </section>
+        <section></section>
       </header>
     )
   }