brackt/app/components/league/TimerModeSelector.stories.tsx
Chris Parsons e201ecd28a
Extract reusable league wizard components; wire settings page (#350)
* Extract reusable league wizard components; wire settings page (#103)

Extracts 9 domain components from new.tsx and $leagueId.settings.tsx into
app/components/league/ (each with a Storybook story), consolidates wizard
form-building into wizard-state.ts, and updates the settings page to use
the shared components instead of hand-rolled duplicates. new.tsx shrinks
from ~2000 → ~1280 lines.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Fix sports-season test: add participants to mock data

findDraftableSportsSeasons now returns participantCount, which requires
participants in the mock db response.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Fix sports-season test: loosen makeMockDb type to Record<string, unknown>[]

typeof mockSeasons became too strict after adding participants to the mock
data, breaking inline arrays in other tests that don't include participants.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-28 22:24:13 -07:00

24 lines
621 B
TypeScript

import type { Meta, StoryObj } from "@storybook/react-vite";
import { TimerModeSelector } from "./TimerModeSelector";
const meta: Meta<typeof TimerModeSelector> = {
title: "League/TimerModeSelector",
component: TimerModeSelector,
parameters: { layout: "padded" },
args: { onChange: () => {} },
};
export default meta;
type Story = StoryObj<typeof TimerModeSelector>;
export const ChessClockSelected: Story = {
args: { value: "chess_clock" },
};
export const StandardSelected: Story = {
args: { value: "standard" },
};
export const Disabled: Story = {
args: { value: "chess_clock", disabled: true },
};