[refactor]: 선물함 페이지 'from. 나' 텍스트 추가 (#348)

KakaoFunding · Jun 22, 2024 · e1e6440 · e1e6440
1 parent 8c7afa0
commit e1e6440
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/src/layouts/MyPage/GiftBox/GiftItem/index.tsx b/src/layouts/MyPage/GiftBox/GiftItem/index.tsx
@@ -13,6 +13,7 @@ const GiftItem = ({ gift, status }: GiftItemProps) => {
     brandName,
     productName,
     productThumbnail,
+    self,
     senderName,
     expiredAt,
     receivedAt,
@@ -41,7 +42,7 @@ const GiftItem = ({ gift, status }: GiftItemProps) => {
       <div className={styles.wrapper_receive_info}>
         <span className={styles.txt_sender}>
           <span className={styles.txt_from}>from. </span>
-          {senderName}
+          {self ? '나' : senderName}
         </span>
         <span className={styles.txt_date}>
           {new Date(receivedAt).toLocaleString()}

diff --git a/src/mocks/giftHandler.ts b/src/mocks/giftHandler.ts
@@ -9,6 +9,7 @@ const gifts: Gift[] = Array.from({ length: 50 }).map((_, i) => ({
   productName: `사용가능 상품${i}`,
   productThumbnail:
     'https://img1.kakaocdn.net/thumb/[email protected]/?fname=https%3A%2F%2Fst.kakaocdn.net%2Fproduct%2Fgift%2Fproduct%2F20201230180133_cd30cb29560f4f1f8c7f380eb94e3cf1.png',
+  self: false,
   senderName: '홍길동',
   receivedAt: '2022-05-23T23:59:59',
   expiredAt: '2024-12-31T23:59:59',

diff --git a/src/stories/GiftItem.stories.tsx b/src/stories/GiftItem.stories.tsx
@@ -29,6 +29,7 @@ const giftData: Gift = {
   productName: '상품',
   productThumbnail:
     'https://img1.kakaocdn.net/thumb/[email protected]/?fname=https%3A%2F%2Fst.kakaocdn.net%2Fproduct%2Fgift%2Fproduct%2F20201230180133_cd30cb29560f4f1f8c7f380eb94e3cf1.png',
+  self: false,
   senderName: '홍길동',
   receivedAt: '2022-05-23T23:59:59',
   expiredAt: '2024-12-31T23:59:59',

diff --git a/src/types/Gift.ts b/src/types/Gift.ts
@@ -10,6 +10,7 @@ export type Gift = {
   brandName: string;
   productName: string;
   productThumbnail: string;
+  self: boolean;
   senderName: string;
   receivedAt: string;
   expiredAt: string;