From 52f45f53ab0b2019d8912563edd0ed954c852b55 Mon Sep 17 00:00:00 2001
From: aysenurdavulcu <75391618+aysenurdavulcu@users.noreply.github.com>
Date: Sat, 25 Sep 2021 00:07:01 -0400
Subject: [PATCH] Add files via upload

---
 BoardSwitcher.js | 50 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 BoardSwitcher.js

diff --git a/BoardSwitcher.js b/BoardSwitcher.js
new file mode 100644
index 0000000..597fbdd
--- /dev/null
+++ b/BoardSwitcher.js
@@ -0,0 +1,50 @@
+import React from 'react';
+
+class Board extends React.Component {
+  render() {
+    let className = "board";
+    if (this.props.selected) {
+      className += " selected";
+    }
+    return (
+      <div className={className}>
+        {this.props.index + 1}
+      </div>
+    );
+  }
+}
+
+class BoardSwitcher extends React.Component {
+  
+    constructor(props){
+      super(props);
+      this.state={startClick: 0
+      };
+      this.handleClick = this.handleClick.bind(this);
+    }
+    handleClick() {
+      this.setState(prevState =>({
+        startClick: (this.state.startClick + 1) %3
+
+      }));
+
+    }
+    render() {
+    let boards = [];
+    for (let ii = 0; ii < this.props.numBoards; ii++) {
+      let isSelected = ii === this.state.startClick;
+      boards.push(
+        <Board index={ii} selected={isSelected} key={ii} />
+      );
+    }
+
+    return (
+      <div>
+        <div className="boards">{boards}</div>
+        <button onClick={this.handleClick}> Toggle</button>
+      </div>
+    );
+  }
+}
+
+export default BoardSwitcher;
\ No newline at end of file