diff --git a/src/components/BoardSwitcher.jsx b/src/components/BoardSwitcher.jsx index e99793a..3dabf17 100644 --- a/src/components/BoardSwitcher.jsx +++ b/src/components/BoardSwitcher.jsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, {useState} from "react"; function Board(props) { let className = "board"; @@ -10,12 +10,18 @@ function Board(props) { } function BoardSwitcher(props) { + const [board, setBoard] = useState(0); + let boards = []; for (let ii = 0; ii < props.numBoards; ii++) { - let isSelected = ii === 0; + let isSelected = ii === board; boards.push(); } + function Toggle () { + setBoard((board+1)%5); + } + return (
{boards}