diff --git a/frontend/src/pages/gameView.tsx b/frontend/src/pages/gameView.tsx index a9edba6..e790364 100644 --- a/frontend/src/pages/gameView.tsx +++ b/frontend/src/pages/gameView.tsx @@ -77,9 +77,10 @@ interface CenterTextProps { winner: number | undefined | null; timer: StateTimer | undefined | null; turn: number; + myTurn: boolean; } -const CenterText = ({ winner, timer, turn }: DeepReadonly) => { +const CenterText = ({ winner, timer, turn, myTurn }: DeepReadonly) => { const classes = useCenterStyles(); const [countdown, setCountdown] = React.useState(); const { now } = useServerTime(); @@ -122,14 +123,18 @@ const CenterText = ({ winner, timer, turn }: DeepReadonly) => { }, [countdown, winner, deadline, now]); const centerText = React.useMemo(() => { - const text = isDefined(winner) ? `${teamSpecs[winner].name} wins!` : `${teamSpecs[turn].name}'s turn`; + const text = isDefined(winner) + ? `${teamSpecs[winner].name} wins!` + : myTurn + ? 'Your turn' + : `${teamSpecs[turn].name}'s turn`; if (!isDefined(countdown) || isDefined(winner)) { return text; } return `${text} [${countdown}s]`; - }, [winner, turn, countdown]); + }, [winner, turn, myTurn, countdown]); return (

- +