brackt/app/components/league/DraftSpeedPicker.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

36 lines
973 B
TypeScript

import type { Meta, StoryObj } from "@storybook/react-vite";
import { DraftSpeedPicker } from "./DraftSpeedPicker";
const meta: Meta<typeof DraftSpeedPicker> = {
title: "League/DraftSpeedPicker",
component: DraftSpeedPicker,
parameters: { layout: "padded" },
args: { onChange: () => {} },
};
export default meta;
type Story = StoryObj<typeof DraftSpeedPicker>;
export const StandardPreset: Story = {
args: { timerMode: "standard", value: "90" },
};
export const StandardCustom: Story = {
args: { timerMode: "standard", value: "300" },
};
export const ChessClockStandard: Story = {
args: { timerMode: "chess_clock", value: "standard" },
};
export const ChessClockSlow: Story = {
args: { timerMode: "chess_clock", value: "slow" },
};
export const ChessClockCustom: Story = {
args: { timerMode: "chess_clock", value: "custom:7200:900" },
};
export const Disabled: Story = {
args: { timerMode: "chess_clock", value: "standard", disabled: true },
};