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

27 lines
615 B
TypeScript

import type { Meta, StoryObj } from "@storybook/react-vite";
import { WizardStepper } from "./WizardStepper";
const meta: Meta<typeof WizardStepper> = {
title: "League/WizardStepper",
component: WizardStepper,
parameters: { layout: "padded" },
args: {
steps: ["Basics", "Sports", "Draft", "Scoring", "Review"],
onStepClick: () => {},
},
};
export default meta;
type Story = StoryObj<typeof WizardStepper>;
export const Step1: Story = {
args: { currentStep: 1 },
};
export const Step3: Story = {
args: { currentStep: 3 },
};
export const LastStep: Story = {
args: { currentStep: 5 },
};