chore : LetterContainer, MapLetterDetail 스토리북 오류 수정

prgrms-web-devcourse-final-project · Dec 2, 2024 · 0a25905 · 0a25905
1 parent 4abd5c6
commit 0a25905
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/HomePage/LetterContainer/LetterContainer.stories.tsx b/src/components/HomePage/LetterContainer/LetterContainer.stories.tsx
@@ -1,11 +1,19 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { LetterContainer } from './LetterContainer';
+import { MemoryRouter } from 'react-router-dom';
 
 const meta: Meta<typeof LetterContainer> = {
     component: LetterContainer,
     title: 'molecule/LetterContainer',
     tags: ['autodocs'],
+    decorators: [
+        (Story) => (
+            <MemoryRouter>
+                <Story />
+            </MemoryRouter>
+        )
+    ],
     argTypes: {},
     parameters: {
         docs: {

diff --git a/src/components/LetterDetailPage/MapLetterDetail.tsx b/src/components/LetterDetailPage/MapLetterDetail.tsx
@@ -19,7 +19,11 @@ export const MapLetterDetail = ({
     return (
         <>
             <div className="absolute bottom-4 translate-x-40">
-                <ProfileImage width="50px" height="50px" />
+                <ProfileImage
+                    imageItem={{ id: '123', name: '가오리', src: '/라밸_샘플' }}
+                    width="50px"
+                    height="50px"
+                />
             </div>
             <p className="absolute left-24 top-60 font-bold">{title}</p>
             <p className="absolute left-24 top-[19rem]">{content}</p>
@@ -35,7 +39,7 @@ export const MapLetterDetail = ({
             </div>
             <div className="absolute bottom-4 translate-x-60 flex-col">
                 <p className="ml-2">{date}</p>
-                <DayCounter width="70px" height="20px" />
+                <DayCounter daysLeft={21} width="70px" height="20px" />
             </div>
         </>
     );