💚 #124 PropsにchangeLanguageCallbackFunctionsを追加したので追加

nekochans · Aug 13, 2022 · ffd833c · ffd833c
1 parent 1be4982
commit ffd833c
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 2 deletions.
diff --git a/src/templates/ErrorTemplate/ErrorTemplate.stories.tsx b/src/templates/ErrorTemplate/ErrorTemplate.stories.tsx
@@ -45,11 +45,25 @@ const ServiceUnavailableImage = () => (
   />
 );
 
+const onClickEnCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickEnCallback executed!');
+
+const onClickJaCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickJaCallback executed!');
+
+const changeLanguageCallbackFunctions = {
+  onClickEnCallback,
+  onClickJaCallback,
+};
+
 export const NotFoundViewInJapanese: Story = {
   args: {
     type: 404,
     language: 'ja',
     catImage: <NotFoundImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -58,6 +72,7 @@ export const NotFoundViewInEnglish: Story = {
     type: 404,
     language: 'en',
     catImage: <NotFoundImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -66,6 +81,7 @@ export const InternalServerErrorViewInJapanese: Story = {
     type: 500,
     language: 'ja',
     catImage: <InternalServerErrorImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -74,6 +90,7 @@ export const InternalServerErrorViewInEnglish: Story = {
     type: 500,
     language: 'en',
     catImage: <InternalServerErrorImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -82,6 +99,7 @@ export const ServiceUnavailableViewInJapanese: Story = {
     type: 503,
     language: 'ja',
     catImage: <ServiceUnavailableImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -90,5 +108,6 @@ export const ServiceUnavailableViewInEnglish: Story = {
     type: 503,
     language: 'en',
     catImage: <ServiceUnavailableImage />,
+    changeLanguageCallbackFunctions,
   },
 };
diff --git a/src/templates/TopTemplate/TopTemplate.stories.tsx b/src/templates/TopTemplate/TopTemplate.stories.tsx
@@ -179,6 +179,19 @@ const fetchNewArrivalCatImagesCallback = () =>
   // eslint-disable-next-line no-console
   console.log('fetchNewArrivalCatImagesCallback executed!');
 
+const onClickEnCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickEnCallback executed!');
+
+const onClickJaCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickJaCallback executed!');
+
+const changeLanguageCallbackFunctions = {
+  onClickEnCallback,
+  onClickJaCallback,
+};
+
 export const ViewInJapanese: Story = {
   args: {
     language: 'ja',
@@ -189,6 +202,7 @@ export const ViewInJapanese: Story = {
     clipboardMarkdownCallback,
     fetchRandomCatImagesCallback,
     fetchNewArrivalCatImagesCallback,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -202,5 +216,6 @@ export const ViewInEnglish: Story = {
     clipboardMarkdownCallback,
     fetchRandomCatImagesCallback,
     fetchNewArrivalCatImagesCallback,
+    changeLanguageCallbackFunctions,
   },
 };
diff --git a/src/templates/UploadTemplate/UploadTemplate.stories.tsx b/src/templates/UploadTemplate/UploadTemplate.stories.tsx
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import Image from 'next/image';
 
-import { createSuccessResult } from '../../features/result';
-import { AcceptedTypesImageExtension } from '../../types/lgtmImage';
+import { createSuccessResult } from '../../features';
+import { AcceptedTypesImageExtension } from '../../types';
 import { sleep } from '../../utils/sleep';
 
 import cat from './images/cat.webp';
@@ -40,6 +40,19 @@ const imageUploader = async (
   });
 };
 
+const onClickEnCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickEnCallback executed!');
+
+const onClickJaCallback = () =>
+  // eslint-disable-next-line no-console
+  console.log('onClickJaCallback executed!');
+
+const changeLanguageCallbackFunctions = {
+  onClickEnCallback,
+  onClickJaCallback,
+};
+
 export default {
   title: 'src/templates/UploadTemplate/UploadTemplate.tsx',
   component: UploadTemplate,
@@ -53,6 +66,7 @@ export const ViewInJapanese: Story = {
     imageValidator,
     imageUploader,
     catImage: <CatImage />,
+    changeLanguageCallbackFunctions,
   },
 };
 
@@ -62,5 +76,6 @@ export const ViewInEnglish: Story = {
     imageValidator,
     imageUploader,
     catImage: <CatImage />,
+    changeLanguageCallbackFunctions,
   },
 };