felixfoertsch/esc
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

integrate jury controls, bingo, leaderboard in host route

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Felix Förtsch
2026-03-12 21:02:00 +01:00
parent 611a1bf732
commit a71308f6f0
1 changed files with 56 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
packages/client/src/routes/host.$roomCode.tsx
View File

@@ -3,6 +3,10 @@ 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 { JuryHost } from "@/components/jury-host"
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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
@@ -48,7 +52,7 @@ function HostView() {
</TabsTrigger>
</TabsList>
<TabsContent value="play" className="p-4">
{gameState && room.currentAct !== "ended" && (
{gameState && (room.currentAct === "lobby" || room.currentAct === "pre-show") && (
<div className="flex flex-col gap-4">
<PredictionsForm
entries={gameState.lineup.entries}
@@ -60,6 +64,45 @@ function HostView() {
/>
</div>
)}
{gameState && room.currentAct === "live-event" && (
<Tabs defaultValue="jury">
<TabsList className="w-full">
<TabsTrigger value="jury" className="flex-1">Jury</TabsTrigger>
<TabsTrigger value="bingo" className="flex-1">Bingo</TabsTrigger>
</TabsList>
<TabsContent value="jury" className="mt-4">
{gameState.currentJuryRound ? (
<JuryVoting
round={gameState.currentJuryRound}
myVote={gameState.myJuryVote}
onVote={(rating) => send({ type: "submit_jury_vote", rating })}
/>
) : (
<div className="py-8 text-center text-muted-foreground">
Waiting for host to open voting...
</div>
)}
</TabsContent>
<TabsContent value="bingo" className="mt-4">
{gameState.myBingoCard ? (
<BingoCard
card={gameState.myBingoCard}
onTap={(tropeId) => send({ type: "tap_bingo_square", tropeId })}
/>
) : (
<div className="py-8 text-center text-muted-foreground">
No bingo card yet
</div>
)}
</TabsContent>
</Tabs>
)}
{gameState && (room.currentAct === "scoring" || room.currentAct === "ended") && (
<Leaderboard entries={gameState.leaderboard} />
)}
<PlayerList
players={room.players}
mySessionId={mySessionId}
@@ -92,6 +135,18 @@ function HostView() {
The party has ended. Thanks for playing!
</p>
)}
{room.currentAct === "live-event" && gameState && (
<JuryHost
entries={gameState.lineup.entries}
currentRound={gameState.currentJuryRound}
results={gameState.juryResults}
onOpenVote={(countryCode) => send({ type: "open_jury_vote", countryCode })}
onCloseVote={() => send({ type: "close_jury_vote" })}
/>
)}
{gameState && (room.currentAct === "scoring" || room.currentAct === "ended") && (
<Leaderboard entries={gameState.leaderboard} />
)}
</CardContent>
</Card>
<PlayerList