From 3ac4a79ef60c81dcab2697376916159af6df5df1 Mon Sep 17 00:00:00 2001
From: jolson615 <jolson615@gmail.com>
Date: Tue, 13 Aug 2019 13:00:39 -0400
Subject: [PATCH] updates solution

---
 src/App.js                    |  2 +-
 src/components/checkboxes.js  | 52 +++++++++++++++++------------------
 src/components/numberDials.js |  8 +++---
 3 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/App.js b/src/App.js
index 43f157e..5d977a3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './App.css';
 import NumberDials from './components/numberDials'
-import SlidingPuzzle from './components/slidingPuzzle'
+// import SlidingPuzzle from './components/slidingPuzzle'
 import Navbar from './components/navbar'
 import Checkboxes from './components/checkboxes'
 import ColorCaptcha from './components/colorCaptcha'
diff --git a/src/components/checkboxes.js b/src/components/checkboxes.js
index 9f51820..5dc739b 100644
--- a/src/components/checkboxes.js
+++ b/src/components/checkboxes.js
@@ -3,7 +3,7 @@ import './checkboxes.css'
 
 const Checkboxes = () => {
   const component = new React.Component()
-  const answerKey = [
+  component.answerKey = [
     true, false, true, true,
     false, false, false, true,
     false, false, true, false,
@@ -14,10 +14,10 @@ const Checkboxes = () => {
     checks: [true, false, true, true, true, true, true, true, true, true, true, true, true, true, true, true]
   }
 
-  const handleClickForBox = (i) => {
+  component.handleClickForBox = (i) => {
     // Start by accessing the current array of checks.
     const arrayOfChecks = component.state.checks
-    if (arrayOfChecks[i] == true) {
+    if (arrayOfChecks[i] === true) {
       arrayOfChecks[i] = false
     } else {
       arrayOfChecks[i] = true
@@ -25,19 +25,19 @@ const Checkboxes = () => {
     component.setState({checks: arrayOfChecks})
   }
 
-  const countTrue = (arrayOfChecks) => {
+  component.countTrue = (arrayOfChecks) => {
     let total = 0
     arrayOfChecks.forEach(entry => {
-      if (entry == true) {
+      if (entry === true) {
         total += 1
       }
     })
     return total
   }
 
-  const winning = () => {
+  component.winning = () => {
     for (let i = 0; i < 16; i++) {
-      if (component.state.checks[i] != answerKey[i]) {
+      if (component.state.checks[i] !== component.answerKey[i]) {
         return false
       }
     }
@@ -48,29 +48,29 @@ const Checkboxes = () => {
     // To increase readability we are unpacking the checks array here
     const arrayOfChecks = component.state.checks
     return (
-      <div className={"Checkboxes " + (winning(arrayOfChecks) ? "winning" : "losing")}>
+      <div className={"Checkboxes " + (component.winning(arrayOfChecks) ? "winning" : "losing")}>
         <h1 className="directions">Check only the correct boxes</h1>
         <div className="hint">
           <h3>Target Sum: 7</h3>
-          <h3>Your Sum: {countTrue(arrayOfChecks)}</h3>
+          <h3>Your Sum: {component.countTrue(arrayOfChecks)}</h3>
         </div>
         <div className="checkGrid">
-          <div className={"checkbox " + arrayOfChecks[0]} onClick={()=>handleClickForBox(0)}/>
-          <div className={"checkbox " + arrayOfChecks[1]} onClick={()=>handleClickForBox(1)}/>
-          <div className={"checkbox " + arrayOfChecks[2]} onClick={()=>handleClickForBox(2)}/>
-          <div className={"checkbox " + arrayOfChecks[3]} onClick={()=>handleClickForBox(3)}/>
-          <div className={"checkbox " + arrayOfChecks[4]} onClick={()=>handleClickForBox(4)}/>
-          <div className={"checkbox " + arrayOfChecks[5]} onClick={()=>handleClickForBox(5)}/>
-          <div className={"checkbox " + arrayOfChecks[6]} onClick={()=>handleClickForBox(6)}/>
-          <div className={"checkbox " + arrayOfChecks[7]} onClick={()=>handleClickForBox(7)}/>
-          <div className={"checkbox " + arrayOfChecks[8]} onClick={()=>handleClickForBox(8)}/>
-          <div className={"checkbox " + arrayOfChecks[9]} onClick={()=>handleClickForBox(9)}/>
-          <div className={"checkbox " + arrayOfChecks[10]} onClick={()=>handleClickForBox(10)}/>
-          <div className={"checkbox " + arrayOfChecks[11]} onClick={()=>handleClickForBox(11)}/>
-          <div className={"checkbox " + arrayOfChecks[12]} onClick={()=>handleClickForBox(12)}/>
-          <div className={"checkbox " + arrayOfChecks[13]} onClick={()=>handleClickForBox(13)}/>
-          <div className={"checkbox " + arrayOfChecks[14]} onClick={()=>handleClickForBox(14)}/>
-          <div className={"checkbox " + arrayOfChecks[15]} onClick={()=>handleClickForBox(15)}/>
+          <div className={"checkbox " + arrayOfChecks[0]} onClick={()=>component.handleClickForBox(0)}/>
+          <div className={"checkbox " + arrayOfChecks[1]} onClick={()=>component.handleClickForBox(1)}/>
+          <div className={"checkbox " + arrayOfChecks[2]} onClick={()=>component.handleClickForBox(2)}/>
+          <div className={"checkbox " + arrayOfChecks[3]} onClick={()=>component.handleClickForBox(3)}/>
+          <div className={"checkbox " + arrayOfChecks[4]} onClick={()=>component.handleClickForBox(4)}/>
+          <div className={"checkbox " + arrayOfChecks[5]} onClick={()=>component.handleClickForBox(5)}/>
+          <div className={"checkbox " + arrayOfChecks[6]} onClick={()=>component.handleClickForBox(6)}/>
+          <div className={"checkbox " + arrayOfChecks[7]} onClick={()=>component.handleClickForBox(7)}/>
+          <div className={"checkbox " + arrayOfChecks[8]} onClick={()=>component.handleClickForBox(8)}/>
+          <div className={"checkbox " + arrayOfChecks[9]} onClick={()=>component.handleClickForBox(9)}/>
+          <div className={"checkbox " + arrayOfChecks[10]} onClick={()=>component.handleClickForBox(10)}/>
+          <div className={"checkbox " + arrayOfChecks[11]} onClick={()=>component.handleClickForBox(11)}/>
+          <div className={"checkbox " + arrayOfChecks[12]} onClick={()=>component.handleClickForBox(12)}/>
+          <div className={"checkbox " + arrayOfChecks[13]} onClick={()=>component.handleClickForBox(13)}/>
+          <div className={"checkbox " + arrayOfChecks[14]} onClick={()=>component.handleClickForBox(14)}/>
+          <div className={"checkbox " + arrayOfChecks[15]} onClick={()=>component.handleClickForBox(15)}/>
         </div>
       </div>
     )
@@ -78,4 +78,4 @@ const Checkboxes = () => {
   return component
 }
 
-export default Checkboxes
+export default Checkboxes;
diff --git a/src/components/numberDials.js b/src/components/numberDials.js
index 12789b1..89b2457 100644
--- a/src/components/numberDials.js
+++ b/src/components/numberDials.js
@@ -38,22 +38,22 @@ const NumberDials = () => {
           <div className="numberPlate">
             <button onClick={()=>component.setState({numberA: (a + 1) % 10})}>↑</button>
             <div className="digit">{component.state.numberA}</div>
-            <button onClick={()=>component.setState({numberA: a==0? 9 : (a - 1) })}>↓</button>
+            <button onClick={()=>component.setState({numberA: a===0? 9 : (a - 1) })}>↓</button>
           </div>
           <div className="numberPlate">
             <button onClick={()=>component.setState({numberB: (b + 1) % 10})}>↑</button>
             <div className="digit">{component.state.numberB}</div>
-            <button onClick={()=>component.setState({numberB: b==0? 9 : (b - 1)})}>↓</button>
+            <button onClick={()=>component.setState({numberB: b===0? 9 : (b - 1)})}>↓</button>
           </div>
           <div className="numberPlate">
             <button onClick={()=>component.setState({numberC: (c + 1) % 10})}>↑</button>
             <div className="digit">{component.state.numberC}</div>
-            <button onClick={()=>component.setState({numberC: c==0? 9 : (c - 1)})}>↓</button>
+            <button onClick={()=>component.setState({numberC: c===0? 9 : (c - 1)})}>↓</button>
           </div>
           <div className="numberPlate">
             <button onClick={()=>component.setState({numberD: (d + 1) % 10})}>↑</button>
             <div className="digit">{component.state.numberD}</div>
-            <button onClick={()=>component.setState({numberD: d==0? 9 : (d - 1)})}>↓</button>
+            <button onClick={()=>component.setState({numberD: d===0? 9 : (d - 1)})}>↓</button>
           </div>
         </div>
       </div>