feat : 편지 보관함 페이지 작성 (#257)

* feat : 편지 보관 페이지 라우팅 설정 * chore : 편지 보관함 주소 변경 * feat : 편지 보관 페이지 작성 * feat : storageList 컴포넌트 작성 * feat : storageList 데이터 패치 스켈레톤 함수 추가 * style : 아이템 컨테이너 스타일 소폭 변경 * delete : 마이페이지 스토리북 삭제 * fix : apiResponse 타입명 수정 * chore : 관련 컴포넌트 인자 옵셔널 추가 및 스타일 소폭 변경 * feat : getLetter.ts 로직 추가 * feat : 편지 보관함 관련 페이지/컴포넌트 작성 * Update .pnp.cjs * Update StorageList.tsx * chore : 사용하지 않는 필터 타입 삭제
prgrms-web-devcourse-final-project · Dec 5, 2024 · 39f39f3 · 39f39f3
1 parent 7f4531f
commit 39f39f3
Show file tree

Hide file tree

Showing 10 changed files with 1,627 additions and 1,661 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/src/components/Common/BottleLetter/Bottle/Bottle.tsx b/src/components/Common/BottleLetter/Bottle/Bottle.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 
 export const Bottle = () => {
     return (
-        <div className="flex justify-center ">
-            <img src="/유리병_샘플.png" className="object-contain w-24 h-52 " />
+        <div className="flex justify-center h-full">
+            <img src="/유리병_샘플.png" className="object-contain" />
         </div>
     );
 };
diff --git a/src/components/Common/BottleLetter/BottleLetter.tsx b/src/components/Common/BottleLetter/BottleLetter.tsx
@@ -4,12 +4,12 @@ import { Label } from './Label/Label';
 
 // 테스트 편지 데이터 타입
 interface LetterType {
-    letterId: number;
-    createdDate: string;
-    font: string;
-    keywords: string[];
-    content: string;
-    paper: string;
+    letterId?: number;
+    createdDate?: string;
+    font?: string;
+    keywords?: string[];
+    content?: string;
+    paper?: string;
     label: string;
 }
 // 테스트 Props

diff --git a/src/components/Common/BottleLetter/Label/Label.tsx b/src/components/Common/BottleLetter/Label/Label.tsx
@@ -8,7 +8,7 @@ export const Label = ({ imgSrc, isActive }: LabelProps) => {
                 isActive ? 'border-sample-blue' : 'border-transparent'
             }`}
         >
-            <img src={`/${imgSrc}`} className="object-contain h-[80px] p-1 " />
+            <img src={`/${imgSrc}`} className="object-contain p-1 " />
         </div>
     );
 };
diff --git a/src/components/Common/Itembox/Itembox.tsx b/src/components/Common/Itembox/Itembox.tsx
@@ -18,7 +18,7 @@ export const Itembox = ({
 
     return (
         <div
-            className={`${itemboxScaleStyle} bg-slate-800 p-1 rounded-md flex items-center justify-center`}
+            className={`${itemboxScaleStyle} bg-white p-1 rounded-md flex items-center justify-center`}
         >
             <div className="w-full h-full">{children}</div>
         </div>

diff --git a/src/components/SelectItemPage/KeywordList/KeywordList.tsx b/src/components/SelectItemPage/KeywordList/KeywordList.tsx
@@ -3,8 +3,8 @@ import { KeywordProps } from '@/types/keyword';
 import { KeywordToggleButton } from '@/components/Common/KeywordToggleButton/KeywordToggleButton';
 
 export type KeywordListProps = {
-    title: string;
-    subTitle: string;
+    title?: string;
+    subTitle?: string;
     keywordGroup: KeywordProps[];
     selectedKeywords: number[];
     onKeywordSelect: (index: number) => void;