From 3496289da19b76caa999ef16a48e47cd602dd425 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 21 Feb 2026 04:54:34 +0000
Subject: [PATCH] Fix flex spot count in draft room Teams Drafted view

The flexSpots column in the database defaults to 0 and was never
populated, causing the Teams Drafted grid to always show "0 of 0 flex".
Calculate numFlexPicks dynamically in the loader as
max(0, draftRounds - seasonSports.length) so teams see the correct
flex count (e.g. 7 rounds - 5 sports = 2 flex).

https://claude.ai/code/session_01CSzF4aWuyppGBDqM4MJmhc
---
 app/routes/leagues/$leagueId.draft.$seasonId.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/routes/leagues/$leagueId.draft.$seasonId.tsx b/app/routes/leagues/$leagueId.draft.$seasonId.tsx
index a144379..a291fbb 100644
--- a/app/routes/leagues/$leagueId.draft.$seasonId.tsx
+++ b/app/routes/leagues/$leagueId.draft.$seasonId.tsx
@@ -184,6 +184,7 @@ export async function loader(args: any) {
     userAutodraftSettings,
     isCommissioner: !!isCommissioner,
     currentUserId: userId,
+    numFlexPicks: Math.max(0, season.draftRounds - seasonSports.length),
   };
 }
 
@@ -200,6 +201,7 @@ export default function DraftRoom() {
     userAutodraftSettings,
     isCommissioner,
     currentUserId,
+    numFlexPicks,
   } = useLoaderData<typeof loader>();
   const { isConnected, connectionError, isReconnecting, on, off } = useDraftSocket(season.id, userTeam?.id);
   const {
@@ -999,7 +1001,7 @@ export default function DraftRoom() {
                     id: season.id,
                     name: `${season.year} Season`,
                     year: season.year,
-                    numFlexPicks: season.flexSpots,
+                    numFlexPicks: numFlexPicks,
                   }}
                 />
               </div>