From 2c3a6cc2c17cd873db78ded8127cf763eabd24d9 Mon Sep 17 00:00:00 2001
From: Unaiza898 <65740643+Unaiza898@users.noreply.github.com>
Date: Mon, 18 Oct 2021 13:04:57 -0400
Subject: [PATCH] Create BoardSwitcher.js

---
 src/BoardSwitcher.js | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/BoardSwitcher.js b/src/BoardSwitcher.js
index 61ad96f..893ef08 100644
--- a/src/BoardSwitcher.js
+++ b/src/BoardSwitcher.js
@@ -15,22 +15,50 @@ class Board extends React.Component {
 }
 
 class BoardSwitcher extends React.Component {
+  constructor(props) {
+    super(props); // required so that props work
+    this.state = {
+      clicks: 0,
+    };
+  }
+
+  handleClick(event) {
+    let value = this.state.clicks;
+  
+    this.setState({
+      clicks: this.state.clicks + 1
+    });
+    console.log(value);
+    if(value > 1){
+      this.setState({
+        clicks: 0
+      });
+    }
+ 
+  }
   render() {
     let boards = [];
     for (let ii = 0; ii < this.props.numBoards; ii++) {
-      let isSelected = ii === 0;
+      let value = this.state.clicks;
+
+      let isSelected = ii ===  value; 
+    console.log( "value " + value);
+    console.log( "ii " + ii);
       boards.push(
-        <Board index={ii} selected={isSelected} key={ii} />
+        <Board index={ii} selected={ isSelected} key={ii} />
       );
     }
 
     return (
       <div>
         <div className="boards">{boards}</div>
-        <button>Toggle</button>
+        <button onClick={ (e) => this.handleClick(e) 
+        }>{ this.props.btnText }Toggle</button>
       </div>
     );
   }
 }
 
+
+
 export default BoardSwitcher;