diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/MultiplayerGrid.js | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/components/MultiplayerGrid.js b/src/components/MultiplayerGrid.js index 88a8259..3db9dc6 100644 --- a/src/components/MultiplayerGrid.js +++ b/src/components/MultiplayerGrid.js @@ -28,9 +28,19 @@ const MultiplayerGrid = (props) => { const [board, setBoard] = useState([2,2,2,2,2,2,2,2,2]); const turn = props.turn; + const isHost = props.isHost; + useEffect(() => { + if (isHost) { + socket.emit("host"); + socket.on("set-host-id", (id) => alert(id)); + } else { + socket.emit("join", prompt("Enter ID")); + } + }, [isHost]); + const getBoard = (index) => { // if it's not your turn you can't play - if ((turn === 0) === props.isHost) return; + if ((turn === 0) === isHost) return; const newBoard = board.slice(0, index).concat(turn).concat(board.slice(index+1, 9)); socket.emit("update-remote-data", { |