lila-games/tic-tac-toe-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

useEffect for managing match udpate

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2025-11-28 14:08:10 +05:30
parent 9916939f29
commit 6179021ce7
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/tictactoe/TicTacToe.tsx
View File

@@ -4,7 +4,6 @@ import Board from "./Board";
export default function TicTacToe() { export default function TicTacToe() {
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const [board, setBoard] = useState<string[][]>([ const [board, setBoard] = useState<string[][]>([
["", "", ""], ["", "", ""],
["", "", ""], ["", "", ""],
@@ -21,6 +20,18 @@ export default function TicTacToe() {
matchId, matchId,
} = useNakama(); } = useNakama();
useEffect(() => {
onMatchData((msg) => {
console.log("[Match Data]", msg);
if (msg.opCode === 2) {
setBoard(msg.data.board);
setTurn(msg.data.turn);
setWinner(msg.data.winner || null);
}
});
}, [onMatchData]);
// ------------------------------------------ // ------------------------------------------
// CONNECT // CONNECT
// ------------------------------------------ // ------------------------------------------