From 28033b40cd7185979ec9d5b83178a6b29ee976cf Mon Sep 17 00:00:00 2001
From: Edward Paez <Paez.edward5@gmail.com>
Date: Wed, 22 Sep 2021 23:00:15 -0400
Subject: [PATCH] Finished Lab

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

diff --git a/src/BoardSwitcher.js b/src/BoardSwitcher.js
index 61ad96f..679f706 100644
--- a/src/BoardSwitcher.js
+++ b/src/BoardSwitcher.js
@@ -15,19 +15,30 @@ class Board extends React.Component {
 }
 
 class BoardSwitcher extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 0,
+    }
+  }
+
+  handleBoardClicker = () => {
+    this.setState({counter: (this.state.counter + 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.counter;
       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={this.handleBoardClicker}>Toggle</button>
       </div>
     );
   }