From 1c8fe6d83b60c73354dc2df52517d5889c2b40da Mon Sep 17 00:00:00 2001
From: Javier M <73079627+JavierMajano@users.noreply.github.com>
Date: Thu, 23 Sep 2021 22:38:21 -0400
Subject: [PATCH] Update BoardSwitcher.js

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

diff --git a/src/BoardSwitcher.js b/src/BoardSwitcher.js
index 61ad96f..7edb996 100644
--- a/src/BoardSwitcher.js
+++ b/src/BoardSwitcher.js
@@ -15,10 +15,24 @@ class Board extends React.Component {
 }
 
 class BoardSwitcher extends React.Component {
+  constructor(props){
+    super(props);
+      this.state = {
+          clicks: 0,
+      };
+    }
+handleClick(event)
+{
+
+this.setState({
+  clicks: (this.state.clicks + 1) % 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} />
       );
@@ -26,9 +40,10 @@ class BoardSwitcher extends React.Component {
 
     return (
       <div>
-        <div className="boards">{boards}</div>
-        <button>Toggle</button>
+        <div className="boards">{boards}  </div>
+        <button onClick = {(e) => this.handleClick(e)} >Toggle</button>
       </div>
+
     );
   }
 }