diff --git a/packages/client/src/routes/play.$roomCode.tsx b/packages/client/src/routes/play.$roomCode.tsx index f431a7d..3babe5b 100644 --- a/packages/client/src/routes/play.$roomCode.tsx +++ b/packages/client/src/routes/play.$roomCode.tsx @@ -4,9 +4,13 @@ import { useWebSocket } from "@/hooks/use-websocket" import { useRoomStore } from "@/stores/room-store" import { PlayerList } from "@/components/player-list" import { PredictionsForm } from "@/components/predictions-form" +import { JuryVoting } from "@/components/jury-voting" +import { BingoCard } from "@/components/bingo-card" +import { Leaderboard } from "@/components/leaderboard" import { RoomHeader } from "@/components/room-header" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" +import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" export const Route = createFileRoute("/play/$roomCode")({ component: PlayerView, @@ -83,13 +87,7 @@ function PlayerView() {
- {room.currentAct === "lobby" && !gameState && ( -
-

Waiting for the host to start...

-
- )} - - {gameState && room.currentAct !== "ended" && ( + {gameState && (room.currentAct === "lobby" || room.currentAct === "pre-show") && (
)} + {gameState && room.currentAct === "live-event" && ( + + + Jury + Bingo + + + {gameState.currentJuryRound ? ( + send({ type: "submit_jury_vote", rating })} + /> + ) : ( +
+ Waiting for host to open voting... +
+ )} +
+ + {gameState.myBingoCard ? ( + send({ type: "tap_bingo_square", tropeId })} + /> + ) : ( +
+ No bingo card yet +
+ )} +
+
+ )} + + {gameState && room.currentAct === "scoring" && ( + + )} + {room.currentAct === "ended" && (

The party has ended. Thanks for playing!

+ {gameState && }
)}