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

28 lines
617 B
TypeScript

import type { Meta, StoryObj } from "@storybook/react-vite";
import { Trophy } from "lucide-react";
import { ReviewSection } from "./ReviewSection";
const meta: Meta<typeof ReviewSection> = {
title: "League/ReviewSection",
component: ReviewSection,
parameters: { layout: "centered" },
args: {
icon: Trophy,
title: "Sports",
onEdit: () => {},
},
};
export default meta;
type Story = StoryObj<typeof ReviewSection>;
export const Default: Story = {
args: {
children: (
<ul className="space-y-1 text-sm">
<li>NBA 2025</li>
<li>NFL 2025</li>
</ul>
),
},
};