diff --git a/app/routes/leagues/$leagueId.settings.tsx b/app/routes/leagues/$leagueId.settings.tsx
index 0950094..bedd26b 100644
--- a/app/routes/leagues/$leagueId.settings.tsx
+++ b/app/routes/leagues/$leagueId.settings.tsx
@@ -710,7 +710,7 @@ export default function LeagueSettings({ loaderData, actionData }: Route.Compone
{/* Draft Order Management */}
-
+
Draft Order
diff --git a/app/routes/leagues/$leagueId.tsx b/app/routes/leagues/$leagueId.tsx
index 8c77f1c..e05bd58 100644
--- a/app/routes/leagues/$leagueId.tsx
+++ b/app/routes/leagues/$leagueId.tsx
@@ -116,9 +116,15 @@ export async function loader(args: Route.LoaderArgs) {
// Count available teams
const availableTeamCount = teams.filter((t) => !t.ownerId).length;
+ // Count teams with owners
+ const teamsWithOwners = teams.filter((t) => t.ownerId !== null).length;
+
// Count sports in season
const sportsCount = seasonWithSports?.seasonSports?.length || 0;
+ // Check if draft order is set
+ const isDraftOrderSet = draftSlots.length > 0;
+
return {
league,
season,
@@ -131,6 +137,8 @@ export async function loader(args: Route.LoaderArgs) {
availableTeamCount,
draftSlots,
sportsCount,
+ teamsWithOwners,
+ isDraftOrderSet,
};
}
@@ -147,6 +155,8 @@ export default function LeagueHome({ loaderData }: Route.ComponentProps) {
availableTeamCount,
draftSlots,
sportsCount,
+ teamsWithOwners,
+ isDraftOrderSet,
} = loaderData;
const [searchParams, setSearchParams] = useSearchParams();
const [copied, setCopied] = useState(false);
@@ -374,6 +384,31 @@ export default function LeagueHome({ loaderData }: Route.ComponentProps) {
{season.status.replace("_", " ")}
+
+
+ Teams Filled
+
+
+ {teamsWithOwners} of {teams.length}
+
+
+
+
+ Draft Order Set
+
+
+
+ {isDraftOrderSet ? "Yes" : "No"}
+
+ {!isDraftOrderSet && isUserCommissioner && (
+
+ )}
+
+