From d43fa3768c5e9eee06c0af3b093c84aa38aedbf8 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 31 Jul 2021 20:06:30 +0530 Subject: Added basic rooms support --- src/components/MultiplayerGrid.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'src/components/MultiplayerGrid.js') 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", { -- cgit v1.2.3