updating that interface

2 files changed, 8 insertions, 5 deletions

diff --git a/scraper/client/paper/paper.css b/scraper/client/paper/paper.css
index fc558ca1..025d6b8a 100644
--- a/scraper/client/paper/paper.css
+++ b/scraper/client/paper/paper.css
@@ -83,7 +83,7 @@ input.notes {
 .param .btn {
   margin-top: 5px;
 }
-.row.disabled { opacity: 0.5; }
+.row.disabled { opacity: 0.5; pointer-events: none;}
 
 .vettingRow label {
   display: flex;
diff --git a/scraper/client/paper/paper.verify.js b/scraper/client/paper/paper.verify.js
index 6b2bde07..adb2d1ce 100644
--- a/scraper/client/paper/paper.verify.js
+++ b/scraper/client/paper/paper.verify.js
@@ -11,7 +11,7 @@ const initialState = {
   citation: null,
   verifiable: false,
   uses_dataset: USES_DATASET.UNKNOWN,
-  images_in_paper: false,
+  images_in_paper: "FALSE",
   verified_by: localStorage.getItem('verify.username') || '',
   reference: '',
   notes: '',
@@ -243,7 +243,10 @@ class PaperVerify extends Component {
           </label>
         </div>
 
-        <div className={this.state.uses_dataset === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}>
+        <div
+          className={this.state.uses_dataset === USES_DATASET.YES ? 'row vettingRow' : 'row vettingRow disabled'}
+          disabled={this.state.uses_dataset === USES_DATASET.YES ? false : true}
+        >
           <div className='rowHeading'>
             {'Paper shows images'}
           </div>
@@ -255,7 +258,7 @@ class PaperVerify extends Component {
               name='images_in_paper'
               checked={this.state.images_in_paper === "TRUE"}
               onChange={e => this.setState({
-                uses_dataset: "TRUE",
+                images_in_paper: "TRUE",
               })}
             />
             <div>{"Yes"}</div>
@@ -268,7 +271,7 @@ class PaperVerify extends Component {
               name='images_in_paper'
               checked={this.state.images_in_paper === "FALSE"}
               onChange={e => this.setState({
-                uses_dataset: "FALSE",
+                images_in_paper: "FALSE",
               })}
             />
             <div>{"No"}</div>