diff --git a/src/api/domain/detail/types.ts b/src/api/domain/detail/types.ts index d9f0f1bd..60f32c60 100644 --- a/src/api/domain/detail/types.ts +++ b/src/api/domain/detail/types.ts @@ -33,6 +33,7 @@ export type WishpoolChosenGiftListResponse = { giftId: number; giftName: string; giftImage: string; + imageUrl: string; }, ]; }; diff --git a/src/api/domain/pick/types.ts b/src/api/domain/pick/types.ts index 675eaf82..dbaa1991 100644 --- a/src/api/domain/pick/types.ts +++ b/src/api/domain/pick/types.ts @@ -6,6 +6,7 @@ export type PickGiftListResponse = { celebrant: string; birthDay: string; endPickDate: string; + imageKey: string; }; export type PickGiftRequest = { diff --git a/src/app/pick/invite/page.tsx b/src/app/pick/invite/page.tsx index 2906d0bb..fab7199d 100644 --- a/src/app/pick/invite/page.tsx +++ b/src/app/pick/invite/page.tsx @@ -11,6 +11,7 @@ import Button from '@/components/common/Button'; import Icon from '@/components/common/Icon'; import Loading from '@/components/common/Loading'; import { PATH } from '@/constants/common/path'; +import { WISHPOOL_IMAGE_BASE_URL } from '@/constants/wishpool/image'; import { useGetChosenUrl } from '@/hooks/pick/useGetChosenUrl'; const InviteHandler = () => { @@ -35,10 +36,12 @@ const InviteHandler = () => { if (isPending) { return ; } - + const displayImageSrc = pickData?.imageKey + ? `${WISHPOOL_IMAGE_BASE_URL}/${pickData.imageKey}` + : WishpoolCardImage; return ( <> -
+
{
이벤트 카드 이미지 { className="absolute -top-5 left-1/2 -translate-x-1/2 -translate-y-1/2" /> {giftData?.selectedGiftsListDto.map( - ({ giftId, giftName, giftImage }) => ( + ({ giftId, giftName, giftImage, imageUrl }) => ( ), )} @@ -59,7 +59,7 @@ const FinalPage = () => {