💚 #312 Storyの書き方を最新のテンプレートに合わせて修正

nekochans · Apr 3, 2024 · 67ffd6e · 67ffd6e
1 parent 89596a4
commit 67ffd6e
Show file tree

Hide file tree

Showing 27 changed files with 64 additions and 62 deletions.
diff --git a/src/components/Button/CatButtonGroup/CatButtonGroup.stories.tsx b/src/components/Button/CatButtonGroup/CatButtonGroup.stories.tsx
@@ -1,15 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { CatButtonGroup } from './';
 
-const meta: Meta<typeof CatButtonGroup> = {
+const meta = {
   component: CatButtonGroup,
   argTypes: {
     onClickFetchRandomCatButton: { action: 'FetchRandomCatButton Clicked' },
     onClickFetchNewArrivalCatButton: {
       action: 'FetchNewArrivalCatButton Clicked',
     },
   },
-};
+} satisfies Meta<typeof CatButtonGroup>;
 
 export default meta;
 

diff --git a/src/components/Button/CatFetchButton/CatFetchButton.stories.tsx b/src/components/Button/CatFetchButton/CatFetchButton.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { CatFetchButton } from '.';
 
-const meta: Meta<typeof CatFetchButton> = {
+const meta = {
   component: CatFetchButton,
-};
+} satisfies Meta<typeof CatFetchButton>;
 
 export default meta;
 

diff --git a/src/components/Button/CatRandomCopyButton/CatRandomCopyButton.stories.tsx b/src/components/Button/CatRandomCopyButton/CatRandomCopyButton.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { CatRandomCopyButton } from '.';
 
-const meta: Meta<typeof CatRandomCopyButton> = {
+const meta = {
   component: CatRandomCopyButton,
   argTypes: { callback: { action: 'callback' } },
-};
+} satisfies Meta<typeof CatRandomCopyButton>;
 
 export default meta;
 

diff --git a/src/components/Button/GitHubLoginButton/GitHubLoginButton.stories.tsx b/src/components/Button/GitHubLoginButton/GitHubLoginButton.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { GitHubLoginButton } from './GitHubLoginButton';
 
-const meta: Meta<typeof GitHubLoginButton> = {
+const meta = {
   component: GitHubLoginButton,
-};
+} satisfies Meta<typeof GitHubLoginButton>;
 
 export default meta;
 

diff --git a/src/components/Button/UploadCatButton/UploadCatButton.stories.tsx b/src/components/Button/UploadCatButton/UploadCatButton.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { UploadCatButton } from './index';
 
-const meta: Meta<typeof UploadCatButton> = {
+const meta = {
   component: UploadCatButton,
-};
+} satisfies Meta<typeof UploadCatButton>;
 
 export default meta;
 

diff --git a/src/components/CatImages/InternalServerErrorImage.stories.tsx b/src/components/CatImages/InternalServerErrorImage.stories.tsx
@@ -1,10 +1,11 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { InternalServerErrorImage } from '.';
 
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
+const meta = {
   component: InternalServerErrorImage,
-};
+} satisfies Meta<typeof InternalServerErrorImage>;
+
+export default meta;
 
 type Story = StoryObj<typeof InternalServerErrorImage>;
 

diff --git a/src/components/CatImages/NotFoundImage.stories.tsx b/src/components/CatImages/NotFoundImage.stories.tsx
@@ -1,10 +1,9 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { NotFoundImage } from '.';
 
-// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   component: NotFoundImage,
-};
+} satisfies Meta<typeof NotFoundImage>;
 
 type Story = StoryObj<typeof NotFoundImage>;
 

diff --git a/src/components/CatImages/ServiceUnavailableImage.stories.tsx b/src/components/CatImages/ServiceUnavailableImage.stories.tsx
@@ -1,10 +1,11 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ServiceUnavailableImage } from '.';
 
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
+const meta = {
   component: ServiceUnavailableImage,
-};
+} satisfies Meta<typeof ServiceUnavailableImage>;
+
+export default meta;
 
 type Story = StoryObj<typeof ServiceUnavailableImage>;
 

diff --git a/src/components/ErrorContent/ErrorContent.stories.tsx b/src/components/ErrorContent/ErrorContent.stories.tsx
@@ -6,9 +6,9 @@ import {
 import type { Meta, StoryObj } from '@storybook/react';
 import { ErrorContent } from './';
 
-const meta: Meta<typeof ErrorContent> = {
+const meta = {
   component: ErrorContent,
-};
+} satisfies Meta<typeof ErrorContent>;
 
 export default meta;
 

diff --git a/src/components/ErrorContent/RetryButton.stories.tsx b/src/components/ErrorContent/RetryButton.stories.tsx
@@ -1,12 +1,12 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { RetryButton } from './RetryButton';
 
-const meta: Meta<typeof RetryButton> = {
+const meta = {
   component: RetryButton,
   argTypes: {
     onClick: { action: 'RetryButton clicked!' },
   },
-};
+} satisfies Meta<typeof RetryButton>;
 
 export default meta;
 

diff --git a/src/components/Footer/Footer.stories.tsx b/src/components/Footer/Footer.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Footer } from './';
 
-const meta: Meta<typeof Footer> = {
+const meta = {
   component: Footer,
-};
+} satisfies Meta<typeof Footer>;
 
 export default meta;
 

diff --git a/src/components/GlobalMenu/GlobalMenu.stories.tsx b/src/components/GlobalMenu/GlobalMenu.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { GlobalMenu } from './';
 
-const meta: Meta<typeof GlobalMenu> = {
+const meta = {
   component: GlobalMenu,
-};
+} satisfies Meta<typeof GlobalMenu>;
 
 export default meta;
 

diff --git a/src/components/Header/Header.stories.tsx b/src/components/Header/Header.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Header } from './';
 
-const meta: Meta<typeof Header> = {
+const meta = {
   component: Header,
-};
+} satisfies Meta<typeof Header>;
 
 export default meta;
 

diff --git a/src/components/Icon/LibraryBooks/LibraryBooks.stories.tsx b/src/components/Icon/LibraryBooks/LibraryBooks.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { LibraryBooks } from './';
 
-const meta: Meta<typeof LibraryBooks> = {
+const meta = {
   component: LibraryBooks,
-};
+} satisfies Meta<typeof LibraryBooks>;
 
 export default meta;
 

diff --git a/src/components/Layouts/ResponsiveLayout/ResponsiveLayout.stories.tsx b/src/components/Layouts/ResponsiveLayout/ResponsiveLayout.stories.tsx
@@ -3,9 +3,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import type { FC } from 'react';
 import { ResponsiveLayout } from './';
 
-const meta: Meta<typeof ResponsiveLayout> = {
+const meta = {
   component: ResponsiveLayout,
-};
+} satisfies Meta<typeof ResponsiveLayout>;
 
 export default meta;
 

diff --git a/src/components/LgtmImages/LgtmImages.stories.tsx b/src/components/LgtmImages/LgtmImages.stories.tsx
@@ -2,9 +2,9 @@ import { type LgtmImage } from '@/features';
 import type { Meta, StoryObj } from '@storybook/react';
 import { LgtmImages } from './';
 
-const meta: Meta<typeof LgtmImages> = {
+const meta = {
   component: LgtmImages,
-};
+} satisfies Meta<typeof LgtmImages>;
 
 export default meta;
 

diff --git a/src/components/MarkdownContents/MarkdownContents.stories.tsx b/src/components/MarkdownContents/MarkdownContents.stories.tsx
@@ -1,10 +1,11 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { MarkdownContents } from './.';
 
-// eslint-disable-next-line import/no-anonymous-default-export
-export default {
+const meta = {
   component: MarkdownContents,
-};
+} satisfies Meta<typeof MarkdownContents>;
+
+export default meta;
 
 type Story = StoryObj<typeof MarkdownContents>;
 

diff --git a/src/components/MarkdownContentsWrapper/MarkdownContentsWrapper.stories.tsx b/src/components/MarkdownContentsWrapper/MarkdownContentsWrapper.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { MarkdownContentsWrapper } from './MarkdownContentsWrapper';
+import { MarkdownContentsWrapper } from './';
 
 const privacyPolicyJa = `
 # プライバシーポリシー
@@ -191,9 +191,9 @@ User shall be responsible for registering, changing, and managing the informatio
 You shall be responsible for any damages caused by unauthorized use of your GitHub account, and the Management Team shall not be liable for any such damages.
 `;
 
-const meta: Meta<typeof MarkdownContentsWrapper> = {
+const meta = {
   component: MarkdownContentsWrapper,
-};
+} satisfies Meta<typeof MarkdownContentsWrapper>;
 
 export default meta;
 

diff --git a/src/components/MarkdownPageTitle/MarkdownPageTitle.stories.tsx b/src/components/MarkdownPageTitle/MarkdownPageTitle.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { MarkdownPageTitle } from './';
 
-const meta: Meta<typeof MarkdownPageTitle> = {
+const meta = {
   component: MarkdownPageTitle,
-};
+} satisfies Meta<typeof MarkdownPageTitle>;
 
 export default meta;
 

diff --git a/src/components/Upload/UploadForm/UploadForm.stories.tsx b/src/components/Upload/UploadForm/UploadForm.stories.tsx
@@ -9,7 +9,7 @@ import { sleep } from '@/utils';
 import type { Meta, StoryObj } from '@storybook/react';
 import { UploadForm } from '.';
 
-const meta: Meta<typeof UploadForm> = {
+const meta = {
   component: UploadForm,
   argTypes: {
     uploadCallback: { action: 'uploadCallback executed' },
@@ -18,7 +18,7 @@ const meta: Meta<typeof UploadForm> = {
       action: 'MarkdownSourceCopyButton Clicked',
     },
   },
-};
+} satisfies Meta<typeof UploadForm>;
 
 export default meta;
 

diff --git a/src/components/Upload/UploadModal/UploadModal.stories.tsx b/src/components/Upload/UploadModal/UploadModal.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { UploadModal } from './';
 
-const meta: Meta<typeof UploadModal> = {
+const meta = {
   component: UploadModal,
-};
+} satisfies Meta<typeof UploadModal>;
 
 export default meta;
 

diff --git a/src/components/Upload/UploadProgressBar/UploadProgressBar.stories.tsx b/src/components/Upload/UploadProgressBar/UploadProgressBar.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { UploadProgressBar } from '.';
 
-const meta: Meta<typeof UploadProgressBar> = {
+const meta = {
   component: UploadProgressBar,
-};
+} satisfies Meta<typeof UploadProgressBar>;
 
 export default meta;
 

diff --git a/src/components/Upload/UploadTitleArea/UploadTitleArea.stories.tsx b/src/components/Upload/UploadTitleArea/UploadTitleArea.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { UploadTitleArea } from './index';
 
-const meta: Meta<typeof UploadTitleArea> = {
+const meta = {
   component: UploadTitleArea,
-};
+} satisfies Meta<typeof UploadTitleArea>;
 
 export default meta;
 

diff --git a/src/templates/ErrorTemplate/ErrorTemplate.stories.tsx b/src/templates/ErrorTemplate/ErrorTemplate.stories.tsx
@@ -3,9 +3,9 @@ import { createIncludeLanguageAppPath } from '@/features';
 import type { Meta, StoryObj } from '@storybook/react';
 import { ErrorTemplate } from './';
 
-const meta: Meta<typeof ErrorTemplate> = {
+const meta = {
   component: ErrorTemplate,
-};
+} satisfies Meta<typeof ErrorTemplate>;
 
 export default meta;
 

diff --git a/src/templates/TermsOrPrivacyTemplate/TermsOrPrivacyTemplate.stories.tsx b/src/templates/TermsOrPrivacyTemplate/TermsOrPrivacyTemplate.stories.tsx
@@ -193,9 +193,9 @@ User shall be responsible for registering, changing, and managing the informatio
 You shall be responsible for any damages caused by unauthorized use of your GitHub account, and the Management Team shall not be liable for any such damages.
 `;
 
-const meta: Meta<typeof TermsOrPrivacyTemplate> = {
+const meta = {
   component: TermsOrPrivacyTemplate,
-};
+} satisfies Meta<typeof TermsOrPrivacyTemplate>;
 
 export default meta;
 

diff --git a/src/templates/TopTemplate/TopTemplate.stories.tsx b/src/templates/TopTemplate/TopTemplate.stories.tsx
@@ -10,9 +10,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { http } from 'msw';
 import { TopTemplate } from './.';
 
-const meta: Meta<typeof TopTemplate> = {
+const meta = {
   component: TopTemplate,
-};
+} satisfies Meta<typeof TopTemplate>;
 
 export default meta;
 

diff --git a/src/templates/UploadTemplate/UploadTemplate.stories.tsx b/src/templates/UploadTemplate/UploadTemplate.stories.tsx
@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { http } from 'msw';
 import { UploadTemplate } from '.';
 
-const meta: Meta<typeof UploadTemplate> = {
+const meta = {
   component: UploadTemplate,
-};
+} satisfies Meta<typeof UploadTemplate>;
 
 export default meta;