From d0dc5cd83f1c436185d247600c3c5be9360bf1ca Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 13 Feb 2019 16:46:10 +0100
Subject: displaying more info about the papers

---
 scraper/client/common/header.component.js | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'scraper/client/common/header.component.js')

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>
     )
   }
-- 
cgit v1.2.3-70-g09d2