* 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>
27 lines
615 B
TypeScript
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 },
|
|
};
|