diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 32fa4e94..04edec3d 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,8 @@ import type { Metadata } from 'next'; import '@/styles/globals.css'; +import Script from 'next/script'; + import KakaoInitializer from '@/components/common/Button/KakaoButton/KakaoInitializer'; import ScrollToTop from '@/components/common/ScrollToTop'; import ReactQueryProvider from '@/components/ReactQueryProvider'; @@ -21,6 +23,21 @@ export default function RootLayout({ }>) { return ( + + +
diff --git a/src/app/pick/invite/page.tsx b/src/app/pick/invite/page.tsx index 449a09ac..161053b1 100644 --- a/src/app/pick/invite/page.tsx +++ b/src/app/pick/invite/page.tsx @@ -50,21 +50,20 @@ const InviteHandler = () => { />
-

- {pickData?.celebrant}님을 위해 친구들이 함께 만든
- 위시리스트가 도착했어요! +

+ {pickData?.celebrant}님을 위해 친구들이 함께 만든 위시리스트가 + 도착했어요!

위시풀을 통해 원하는 선물을 알려 주세요.

-
+
이벤트 카드 이미지
diff --git a/src/app/pick/list/layout.tsx b/src/app/pick/list/layout.tsx index c8c3084b..902d78e1 100644 --- a/src/app/pick/list/layout.tsx +++ b/src/app/pick/list/layout.tsx @@ -18,7 +18,7 @@ const ListLayout = ({ children }: { children: React.ReactNode }) => { router.push(PATH.PICK_SELECT); }} /> -
+
{children}
diff --git a/src/app/pick/select/layout.tsx b/src/app/pick/select/layout.tsx index 5b480547..511d27e1 100644 --- a/src/app/pick/select/layout.tsx +++ b/src/app/pick/select/layout.tsx @@ -19,7 +19,7 @@ const SelectLayout = ({ children }: { children: React.ReactNode }) => { router.push(PATH.PICK_LIST); }} /> -
{children}
+
{children}
); diff --git a/src/app/pick/select/page.tsx b/src/app/pick/select/page.tsx index a27cfb51..c5be3452 100644 --- a/src/app/pick/select/page.tsx +++ b/src/app/pick/select/page.tsx @@ -80,7 +80,7 @@ const SelectPage = () => {
-
+
{
아래로 드래그하면 리스트에서 제외돼요.

-
- - -
+
+ + +
); }; diff --git a/src/app/wishpool/(builder)/intro/layout.tsx b/src/app/wishpool/(builder)/intro/layout.tsx index 813f2420..26b2b595 100644 --- a/src/app/wishpool/(builder)/intro/layout.tsx +++ b/src/app/wishpool/(builder)/intro/layout.tsx @@ -6,7 +6,9 @@ const IntroLayout = ({ children }: { children: React.ReactNode }) => { return ( <> -
{children}
+
+ {children} +
); }; diff --git a/src/app/wishpool/(viewer)/[id]/final/page.tsx b/src/app/wishpool/(viewer)/[id]/final/page.tsx index 91addf99..4d2349ca 100644 --- a/src/app/wishpool/(viewer)/[id]/final/page.tsx +++ b/src/app/wishpool/(viewer)/[id]/final/page.tsx @@ -28,7 +28,7 @@ const FinalPage = () => { {giftData?.celebrant}님이 최종 선택한 선물

-

+

{giftData?.celebrant}님이 고른 선물은 바로 이거에요.
생일을 축하해 주세요!

diff --git a/src/app/wishpool/join/[id]/info/page.tsx b/src/app/wishpool/join/[id]/info/page.tsx index 1057e8dd..5364a0bf 100644 --- a/src/app/wishpool/join/[id]/info/page.tsx +++ b/src/app/wishpool/join/[id]/info/page.tsx @@ -34,7 +34,7 @@ const InfoPage = () => { return ( <>
-

+

{wishpoolData?.owner}님이 보낸
위시풀 초대장이 도착했어요!
{wishpoolData?.celebrant} @@ -53,10 +53,10 @@ const InfoPage = () => { birthDay={getSlashDateFmt(wishpoolData?.birthDay) ?? ''} /> -
+
위시풀 대표 이미지 diff --git a/src/components/pick/list/GiftCard.tsx b/src/components/pick/list/GiftCard.tsx index 956bc1ee..f46c83c3 100644 --- a/src/components/pick/list/GiftCard.tsx +++ b/src/components/pick/list/GiftCard.tsx @@ -1,4 +1,5 @@ import Image from 'next/image'; +import Link from 'next/link'; import { useGetWishpoolImage } from '@/api/domain/detail/hooks'; import GiftCardImage from '@/assets/images/gift-card.png'; @@ -14,6 +15,7 @@ const GiftCard = ({ size = 'small', giftId, itemName, + itemUrl, imageUrl, }: GiftCardProps) => { const isSmall = size === 'small'; @@ -26,24 +28,26 @@ const GiftCard = ({
-
- {`선물 -
- - - {itemName} - + +
+ {`선물 +
+ + + {itemName} + +
); }; diff --git a/src/components/pick/select/CarouselCard.tsx b/src/components/pick/select/CarouselCard.tsx index b44990b6..66025199 100644 --- a/src/components/pick/select/CarouselCard.tsx +++ b/src/components/pick/select/CarouselCard.tsx @@ -26,6 +26,7 @@ export default function CarouselCard({ onRemove, giftId, itemName, + itemUrl, imageUrl: imageKey, }: CarouselCardProps) { const isActive = index === activeIndex; @@ -60,6 +61,9 @@ export default function CarouselCard({ dragMomentum={false} onDragStart={handleDragStart} onDrag={handleDrag} + onClick={() => { + window.open(itemUrl, '_blank'); + }} onDragEnd={ handleDragEnd as unknown as ( e: MouseEvent | TouchEvent | PointerEvent,