fix: solve next cache module not found error

Myongji-Graduate · Apr 4, 2024 · b5b9f1e · b5b9f1e
1 parent cb574ca
commit b5b9f1e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -21,6 +21,7 @@ const config: StorybookConfig = {
         ...config.resolve.alias,
         '@': path.resolve(__dirname, '../'),
         'next/headers': path.resolve(__dirname, '../app/utils/test/__mock__/next/headers.ts'),
+        'next/cache': path.resolve(__dirname, '../app/utils/test/__mock__/next/cache.ts'),
       };
     }
     return config;

diff --git a/app/ui/view/molecule/table/table.stories.tsx b/app/ui/view/molecule/table/table.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import Button from '../../atom/button/button';
 import { Table } from '.';
-import { SwipeAction, TrailingActions } from 'react-swipeable-list';
+import DeleteTakenLectureButton from '@/app/ui/lecture/taken-lecture/delete-taken-lecture-button';
 
 const meta = {
   title: 'ui/view/molecule/Table',
@@ -87,13 +87,7 @@ export const SwipeableLectureTable: StoryObj = {
         credit: 3,
       },
     ];
-    const actionButton = () => (
-      <TrailingActions>
-        <SwipeAction data-testid="swipe-taken-lecture-delete-button" destructive={true} onClick={() => {}}>
-          <div className="bg-gray-400 text-white flex justify-center items-center w-14">삭제</div>
-        </SwipeAction>
-      </TrailingActions>
-    );
+    const actionButton = () => <DeleteTakenLectureButton lectureId={3} swipeable={true} />;
     return (
       <main>
         <Table headerInfo={headerInfo} data={lectures} renderActionButton={actionButton} swipeable={true} />

diff --git a/app/utils/test/__mock__/next/cache.ts b/app/utils/test/__mock__/next/cache.ts
@@ -0,0 +1 @@
+export function revalidateTag(tag: string) {}