diff options
Diffstat (limited to 'src/components/organisms/forms/settings-form')
10 files changed, 84 insertions, 103 deletions
diff --git a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts new file mode 100644 index 0000000..1ec157d --- /dev/null +++ b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { AckeeToggle } from './ackee-toggle'; + +const meta = { + component: AckeeToggle, + title: 'Organisms/Forms/Settings/Ackee', +} satisfies Meta<typeof AckeeToggle>; + +export default meta; + +type Story = StoryObj<typeof meta>; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx b/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx deleted file mode 100644 index abaf59f..0000000 --- a/src/components/organisms/forms/settings-form/ackee-toggle/ackee-toggle.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { AckeeToggle } from './ackee-toggle'; - -/** - * AckeeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: AckeeToggle, - argTypes: {}, -} as ComponentMeta<typeof AckeeToggle>; - -const Template: ComponentStory<typeof AckeeToggle> = (args) => ( - <AckeeToggle {...args} /> -); - -/** - * Toggle Stories - Ackee - */ -export const Ackee = Template.bind({}); -Ackee.args = {}; diff --git a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts new file mode 100644 index 0000000..5244ae1 --- /dev/null +++ b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { MotionToggle } from './motion-toggle'; + +const meta = { + component: MotionToggle, + title: 'Organisms/Forms/Settings/Motion', +} satisfies Meta<typeof MotionToggle>; + +export default meta; + +type Story = StoryObj<typeof meta>; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx b/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx deleted file mode 100644 index 67cea37..0000000 --- a/src/components/organisms/forms/settings-form/motion-toggle/motion-toggle.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { MotionToggle } from './motion-toggle'; - -/** - * MotionToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: MotionToggle, - argTypes: {}, -} as ComponentMeta<typeof MotionToggle>; - -const Template: ComponentStory<typeof MotionToggle> = (args) => ( - <MotionToggle {...args} /> -); - -/** - * Toggle Stories - Motion - */ -export const Motion = Template.bind({}); -Motion.args = {}; diff --git a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts new file mode 100644 index 0000000..0e4c746 --- /dev/null +++ b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { PrismThemeToggle } from './prism-theme-toggle'; + +const meta = { + component: PrismThemeToggle, + title: 'Organisms/Forms/Settings/Prism Theme', +} satisfies Meta<typeof PrismThemeToggle>; + +export default meta; + +type Story = StoryObj<typeof meta>; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx b/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx deleted file mode 100644 index 9313bf2..0000000 --- a/src/components/organisms/forms/settings-form/prism-theme-toggle/prism-theme-toggle.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { PrismThemeToggle } from './prism-theme-toggle'; - -/** - * PrismThemeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: PrismThemeToggle, - argTypes: {}, -} as ComponentMeta<typeof PrismThemeToggle>; - -const Template: ComponentStory<typeof PrismThemeToggle> = (args) => ( - <PrismThemeToggle {...args} /> -); - -/** - * Toggle Stories - Prism theme - */ -export const PrismTheme = Template.bind({}); diff --git a/src/components/organisms/forms/settings-form/settings-form.stories.ts b/src/components/organisms/forms/settings-form/settings-form.stories.ts new file mode 100644 index 0000000..3f9ec3e --- /dev/null +++ b/src/components/organisms/forms/settings-form/settings-form.stories.ts @@ -0,0 +1,24 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import type { FormEventHandler } from 'react'; +import { SettingsForm } from './settings-form'; + +const meta = { + component: SettingsForm, + title: 'Organisms/Forms/Settings', +} satisfies Meta<typeof SettingsForm>; + +export default meta; + +type Story = StoryObj<typeof meta>; + +const doNothing: FormEventHandler = (e) => { + e.preventDefault(); + + return undefined; +}; + +export const Example: Story = { + args: { + onSubmit: doNothing, + }, +}; diff --git a/src/components/organisms/forms/settings-form/settings-form.stories.tsx b/src/components/organisms/forms/settings-form/settings-form.stories.tsx deleted file mode 100644 index da93bfa..0000000 --- a/src/components/organisms/forms/settings-form/settings-form.stories.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { SettingsForm } from './settings-form'; - -/** - * SettingsForm - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings', - component: SettingsForm, - argTypes: {}, -} as ComponentMeta<typeof SettingsForm>; - -const Template: ComponentStory<typeof SettingsForm> = (args) => ( - <SettingsForm {...args} /> -); - -/** - * Forms Stories - Settings - */ -export const Settings = Template.bind({}); -Settings.args = {}; diff --git a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts new file mode 100644 index 0000000..eecc3c1 --- /dev/null +++ b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.ts @@ -0,0 +1,15 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { ThemeToggle } from './theme-toggle'; + +const meta = { + component: ThemeToggle, + title: 'Organisms/Forms/Settings/Theme', +} satisfies Meta<typeof ThemeToggle>; + +export default meta; + +type Story = StoryObj<typeof meta>; + +export const Example: Story = { + args: {}, +}; diff --git a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx b/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx deleted file mode 100644 index 4742adf..0000000 --- a/src/components/organisms/forms/settings-form/theme-toggle/theme-toggle.stories.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { ThemeToggle } from './theme-toggle'; - -/** - * ThemeToggle - Storybook Meta - */ -export default { - title: 'Organisms/Forms/Settings/Items', - component: ThemeToggle, - argTypes: {}, -} as ComponentMeta<typeof ThemeToggle>; - -const Template: ComponentStory<typeof ThemeToggle> = (args) => ( - <ThemeToggle {...args} /> -); - -/** - * Toggle Stories - Theme - */ -export const Theme = Template.bind({}); |