From 0f936ec0e7606cb79434d94096b6e113a7ce78eb Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 15 Dec 2023 18:35:16 +0100 Subject: refactor(stories): migrate stories to CSF3 format --- .../molecules/copyright/copyright.stories.ts | 26 +++++++++ .../molecules/copyright/copyright.stories.tsx | 65 ---------------------- 2 files changed, 26 insertions(+), 65 deletions(-) create mode 100644 src/components/molecules/copyright/copyright.stories.ts delete mode 100644 src/components/molecules/copyright/copyright.stories.tsx (limited to 'src/components/molecules/copyright') diff --git a/src/components/molecules/copyright/copyright.stories.ts b/src/components/molecules/copyright/copyright.stories.ts new file mode 100644 index 0000000..6ef32c9 --- /dev/null +++ b/src/components/molecules/copyright/copyright.stories.ts @@ -0,0 +1,26 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { Copyright } from './copyright'; + +const meta = { + component: Copyright, + title: 'Molecules/Copyright', +} satisfies Meta; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = { + args: { + from: '2012', + owner: 'Your brand', + }, +}; + +export const WithEndYear: Story = { + args: { + from: '2012', + owner: 'Your brand', + to: '2023', + }, +}; diff --git a/src/components/molecules/copyright/copyright.stories.tsx b/src/components/molecules/copyright/copyright.stories.tsx deleted file mode 100644 index 58a82e9..0000000 --- a/src/components/molecules/copyright/copyright.stories.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { Copyright } from './copyright'; - -/** - * Copyright - Storybook Meta - */ -export default { - title: 'Molecules/Copyright', - component: Copyright, - argTypes: { - from: { - control: { - type: 'text', - }, - description: 'The copyright start date.', - type: { - name: 'string', - required: true, - }, - }, - owner: { - control: { - type: 'text', - }, - description: 'The copyright owner.', - type: { - name: 'string', - required: true, - }, - }, - to: { - control: { - type: 'text', - }, - description: 'The copyright end date.', - type: { - name: 'string', - required: false, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = (args) => ( - -); - -/** - * Copyright Stories - Default - */ -export const Default = Template.bind({}); -Default.args = { - from: '2012', - owner: 'Your brand', -}; - -/** - * Copyright Stories - WithEndYear - */ -export const WithEndYear = Template.bind({}); -WithEndYear.args = { - from: '2012', - owner: 'Your brand', - to: '2023', -}; -- cgit v1.2.3