chrisp/brackt
1
1
Fork 0
Code Issues 42 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add draft completion banner and event handler for draft completion state

Browse source
This commit is contained in:
Chris Parsons 2025-10-18 23:33:13 -07:00
parent 01b9e23eaf
commit f86dfade38
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/routes/leagues/$leagueId.draft.$seasonId.tsx
View file

@ -182,6 +182,7 @@ export default function DraftRoom() {
const [sportFilter, setSportFilter] = useState<string>("all"); const [sportFilter, setSportFilter] = useState<string>("all");
const [queue, setQueue] = useState(userQueue); const [queue, setQueue] = useState(userQueue);
const [isPaused, setIsPaused] = useState(season.draftPaused || false); const [isPaused, setIsPaused] = useState(season.draftPaused || false);
const [isDraftComplete, setIsDraftComplete] = useState(season.status === "active");
const [teamTimers, setTeamTimers] = useState<Record<string, number>>(() => { const [teamTimers, setTeamTimers] = useState<Record<string, number>>(() => {
// Initialize with timers from loader data // Initialize with timers from loader data
const timersMap: Record<string, number> = {}; const timersMap: Record<string, number> = {};
@ -220,16 +221,22 @@ export default function DraftRoom() {
setIsPaused(false); setIsPaused(false);
}; };
const handleDraftCompleted = () => {
setIsDraftComplete(true);
};
on("pick-made", handlePickMade); on("pick-made", handlePickMade);
on("timer-update", handleTimerUpdate); on("timer-update", handleTimerUpdate);
on("draft-paused", handleDraftPaused); on("draft-paused", handleDraftPaused);
on("draft-resumed", handleDraftResumed); on("draft-resumed", handleDraftResumed);
on("draft-completed", handleDraftCompleted);
return () => { return () => {
off("pick-made", handlePickMade); off("pick-made", handlePickMade);
off("timer-update", handleTimerUpdate); off("timer-update", handleTimerUpdate);
off("draft-paused", handleDraftPaused); off("draft-paused", handleDraftPaused);
off("draft-resumed", handleDraftResumed); off("draft-resumed", handleDraftResumed);
off("draft-completed", handleDraftCompleted);
}; };
}, [on, off, currentPick]); }, [on, off, currentPick]);
@ -507,6 +514,13 @@ export default function DraftRoom() {
return ( return (
<div className="min-h-screen bg-background"> <div className="min-h-screen bg-background">
{/* Draft Completion Banner */}
{isDraftComplete && (
<div className="bg-green-500 text-white px-4 py-3 text-center font-semibold">
🎉 Draft Complete! The season is now active.
</div>
)}
{/* Standalone Header - No Main Nav */} {/* Standalone Header - No Main Nav */}
<div className="border-b bg-card"> <div className="border-b bg-card">
<div className="w-full px-4 py-4"> <div className="w-full px-4 py-4">