rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ttt): cleaned up the frontend a bit

Browse source
This commit is contained in:
Maieul BOYER 2026-01-14 16:06:53 +01:00 • committed by Nigel
parent 8e6ff3aedc
commit 4cde1b744f
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/pages/ttt/ttt.css
View file

@ -108,9 +108,8 @@
flex
items-center
justify-center
text-white
text-9xl
font-bold
hover:bg-gray-500
}
}
}

13
frontend/src/pages/ttt/ttt.ts
View file

@ -139,6 +139,18 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
const updateUI = (boardState: (string | null)[]) => {
boardState.forEach((state, idx) => {
cells[idx].innerText = state || " ";
if (state === null) {
cells[idx].classList.remove('text-red-800');
cells[idx].classList.add('text-white');
}
if (state === 'X' && curGame?.playerX === user.id) {
cells[idx].classList.add('text-red-800');
cells[idx].classList.remove('text-white');
}
if (state === 'O' && curGame?.playerO === user.id) {
cells[idx].classList.add('text-red-800');
cells[idx].classList.remove('text-white');
}
});
};
@ -169,6 +181,7 @@ async function handleTTT(): Promise<RouteHandlerReturn> {
userXString.innerText = "";
currentPlayerTimer.innerText = "Waiting for match...";
currentPlayerIndicator.innerText = "";
updateUI([null, null, null, null, null, null, null, null, null, ])
joinQueueBtn.innerText = QueueState.Idle;
})