add paper addresses to unverified papers

1 files changed, 60 insertions, 14 deletions

diff --git a/scraper/client/paper/paper.verify.js b/scraper/client/paper/paper.verify.js
index 1b55186a..fe752c37 100644
--- a/scraper/client/paper/paper.verify.js
+++ b/scraper/client/paper/paper.verify.js
@@ -4,7 +4,7 @@ import { connect } from 'react-redux'
 
 import * as actions from '../actions'
 import { history } from '../store'
-import { Loader } from '../common'
+import { Loader, Autocomplete } from '../common'
 import { USES_DATASET } from '../types'
 
 const initialState = {
@@ -19,6 +19,12 @@ const initialState = {
   location: '',
   pdf_index: 0,
   isUnknown: false,
+  institution_1: '',
+  institution_2: '',
+  institution_3: '',
+  validate_1: false,
+  validate_2: false,
+  validate_3: false,
 }
 
 class PaperVerify extends Component {
@@ -73,8 +79,8 @@ class PaperVerify extends Component {
         newState = {
           ...citationState,
           ...address.paper,
-          uses_dataset: paper.uses_dataset === "TRUE",
-          images_in_paper: paper.images_in_paper === "TRUE",
+          uses_dataset: paper.uses_dataset,
+          images_in_paper: paper.images_in_paper,
           verified_by: paper.verified_by,
           reference: paper.reference,
           notes: paper.notes,
@@ -82,6 +88,7 @@ class PaperVerify extends Component {
         this.setState(newState)
       }
     } else if (oldProps.api.unknownCitations !== this.props.api.unknownCitations) {
+      console.log('loaded unknown citations')
       const citationState = this.getCitationState(sha256)
       newState = citationState
       this.setState(newState)
@@ -125,6 +132,13 @@ class PaperVerify extends Component {
       reference: this.state.reference,
       notes: this.state.notes,
       date: dateString,
+      isUnknown: this.state.citation.isUnknown,
+      institution_1: this.state.institution_1,
+      validate_1: this.state.validate_1,
+      institution_2: this.state.institution_2,
+      validate_2: this.state.validate_2,
+      institution_3: this.state.institution_3,
+      validate_3: this.state.validate_3,
     })
     this.next(false)
   }
@@ -214,7 +228,7 @@ class PaperVerify extends Component {
               className='vetting'
               type='radio'
               name='uses_dataset'
-              checked={parseInt(this.state.uses_dataset) === USES_DATASET.YES || this.state.uses_dataset === "FALSE"}
+              checked={String(this.state.uses_dataset) === USES_DATASET.YES}
               onChange={e => this.setState({
                 uses_dataset: USES_DATASET.YES,
               })}
@@ -227,7 +241,7 @@ class PaperVerify extends Component {
               className='vetting'
               type='radio'
               name='uses_dataset'
-              checked={parseInt(this.state.uses_dataset) === USES_DATASET.NO || this.state.uses_dataset === "FALSE"}
+              checked={String(this.state.uses_dataset) === USES_DATASET.NO}
               onChange={e => this.setState({
                 uses_dataset: USES_DATASET.NO,
               })}
@@ -240,7 +254,7 @@ class PaperVerify extends Component {
               className='vetting'
               type='radio'
               name='uses_dataset'
-              checked={parseInt(this.state.uses_dataset) === USES_DATASET.UNKNOWN || this.state.uses_dataset === "FALSE"}
+              checked={String(this.state.uses_dataset) !== USES_DATASET.YES && String(this.state.uses_dataset) !== USES_DATASET.NO}
               onChange={e => this.setState({
                 uses_dataset: USES_DATASET.UNKNOWN,
               })}
@@ -250,8 +264,8 @@ class PaperVerify extends Component {
         </div>
 
         <div
-          className={parseInt(this.state.uses_dataset) === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}
-          disabled={parseInt(this.state.uses_dataset) === USES_DATASET.YES ? false : true}
+          className={String(this.state.uses_dataset) === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}
+          disabled={String(this.state.uses_dataset) === USES_DATASET.YES ? false : true}
         >
           <div className='rowHeading'>
             {'Paper shows images'}
@@ -380,12 +394,44 @@ class PaperVerify extends Component {
     return (
       <div>
         <div className='param'>
-          <label>Institution</label>
-          <input
-            type='text'
-            value={this.state.address.institution_1}
-            placeholder='Institution'
-            onChange={e => this.setState({ institution_1: e.target.value })}
+          <label>Institution #1</label>
+          <Autocomplete
+            placeholder='Institution #1'
+            value={this.state.institution_1}
+            onSelect={value => {
+              this.setState({ institution_1: value, validate_1: true })
+            }}
+            onCancel={value => {
+              this.setState({ institution_1: '', validate_2: false })
+            }}
+          />
+        </div>
+
+        <div className='param'>
+          <label>Institution #2</label>
+          <Autocomplete
+            placeholder='Institution #2'
+            value={this.state.institution_2}
+            onSelect={value => {
+              this.setState({ institution_2: value, validate_2: true })
+            }}
+            onCancel={value => {
+              this.setState({ institution_2: '', validate_2: false })
+            }}
+          />
+        </div>
+
+        <div className='param'>
+          <label>Institution #3</label>
+          <Autocomplete
+            placeholder='Institution #3'
+            value={this.state.institution_3}
+            onSelect={value => {
+              this.setState({ institution_3: value, validate_3: true })
+            }}
+            onCancel={value => {
+              this.setState({ institution_3: '', validate_3: false })
+            }}
           />
         </div>
       </div>