377b26a9c3
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>
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
import { OvernightPauseSettings } from "./OvernightPauseSettings";
|
|
|
|
const meta: Meta<typeof OvernightPauseSettings> = {
|
|
title: "League/OvernightPauseSettings",
|
|
component: OvernightPauseSettings,
|
|
parameters: { layout: "padded" },
|
|
args: {
|
|
onModeChange: () => {},
|
|
onStartChange: () => {},
|
|
onEndChange: () => {},
|
|
onTimezoneChange: () => {},
|
|
start: "23:00",
|
|
end: "07:00",
|
|
timezone: "America/Chicago",
|
|
commishTimezone: "America/Chicago",
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof OvernightPauseSettings>;
|
|
|
|
export const Hidden: Story = {
|
|
args: { show: false, mode: "none" },
|
|
};
|
|
|
|
export const ModeNone: Story = {
|
|
args: { show: true, mode: "none" },
|
|
};
|
|
|
|
export const ModeLeague: Story = {
|
|
args: { show: true, mode: "league" },
|
|
};
|
|
|
|
export const ModePerUser: Story = {
|
|
args: { show: true, mode: "per_user" },
|
|
};
|
|
|
|
export const ModePerUserNoCommishTimezone: Story = {
|
|
args: { show: true, mode: "per_user", commishTimezone: null },
|
|
};
|
|
|
|
export const Disabled: Story = {
|
|
args: { show: true, mode: "league", disabled: true },
|
|
};
|