From 71c6a49d76cd80f1ad1b2d6536feb950aadfaad8 Mon Sep 17 00:00:00 2001
From: advantgarde <70919685+advantgarde@users.noreply.github.com>
Date: Thu, 23 Sep 2021 18:13:36 -0400
Subject: [PATCH] Update BoardSwitcher.js

---
 src/BoardSwitcher.js | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/BoardSwitcher.js b/src/BoardSwitcher.js
index 61ad96f..8c02a16 100644
--- a/src/BoardSwitcher.js
+++ b/src/BoardSwitcher.js
@@ -14,11 +14,26 @@ class Board extends React.Component {
   }
 }
 
+
+
 class BoardSwitcher extends React.Component {
+  constructor(props) {
+    super(props); 
+    this.state = {
+      clicks: 0
+    };
+  }
+
+    handleToggle(event) {
+    this.setState({
+      clicks: (this.state.clicks + 1) % this.props.numBoards //???% this.props.numBoards???
+    });
+  }
+
   render() {
     let boards = [];
     for (let ii = 0; ii < this.props.numBoards; ii++) {
-      let isSelected = ii === 0;
+      let isSelected = ii === this.state.clicks;
       boards.push(
         <Board index={ii} selected={isSelected} key={ii} />
       );
@@ -27,7 +42,7 @@ class BoardSwitcher extends React.Component {
     return (
       <div>
         <div className="boards">{boards}</div>
-        <button>Toggle</button>
+        <button onClick={ (e) => this.handleToggle(e) }>Toggle</button>
       </div>
     );
   }