From 64e94e60886349ced3812502d3e9795720de45cc Mon Sep 17 00:00:00 2001 From: soyeong Date: Sat, 27 Dec 2025 13:47:11 +0900 Subject: [PATCH 1/3] =?UTF-8?q?feat(SCRUM-431):=20=EC=A7=80=EC=97=AD=20?= =?UTF-8?q?=EC=95=88=EB=82=B4=20=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C?= =?UTF-8?q?=EA=B7=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../svgs/common/region-update-gradient-bg.svg | 17 ++++++----- src/assets/svgs/logo/card-congG.svg | 10 +++---- src/components/common/RegionUpdateDialog.tsx | 28 ++++++++++++------- 3 files changed, 31 insertions(+), 24 deletions(-) diff --git a/src/assets/svgs/common/region-update-gradient-bg.svg b/src/assets/svgs/common/region-update-gradient-bg.svg index 30e6ac3..32e2825 100644 --- a/src/assets/svgs/common/region-update-gradient-bg.svg +++ b/src/assets/svgs/common/region-update-gradient-bg.svg @@ -1,10 +1,9 @@ - - - - - - - - + + + + + + + + - diff --git a/src/assets/svgs/logo/card-congG.svg b/src/assets/svgs/logo/card-congG.svg index dfb0d25..2a4f977 100644 --- a/src/assets/svgs/logo/card-congG.svg +++ b/src/assets/svgs/logo/card-congG.svg @@ -1,9 +1,9 @@ - - + + - - + + - + diff --git a/src/components/common/RegionUpdateDialog.tsx b/src/components/common/RegionUpdateDialog.tsx index a85cc27..46db50e 100644 --- a/src/components/common/RegionUpdateDialog.tsx +++ b/src/components/common/RegionUpdateDialog.tsx @@ -34,7 +34,7 @@ const RegionUpdateDialog: React.FC = ({ className="relative bg-white rounded-[12px] overflow-hidden w-[287px] h-[415px]" role="dialog" aria-modal="true" - aria-label="서울 지역 가맹점 업데이트 안내" + aria-label="지역 업데이트 안내" > {/* 상단 배경 */}
@@ -46,12 +46,12 @@ const RegionUpdateDialog: React.FC = ({ /> {/* 텍스트 영역 */} -
+
- 많은 분들이 요청해주신 + 현재 서비스 지역은
-
+
= ({ WebkitTextFillColor: 'transparent', }} > - 부산 지역 가맹점이 - 업데이트 되었어요! + 서울 인천 부천 수원 + 고양 용인 부산 성남
+ +
+ 다른 지역은 추후에 추가될 예정이에요 +
{/* 콩쥐 이미지 */} -
- 카드를 든 콩쥐 +
+ 카드를 든 콩쥐
{/* 블러 영역 */} -
+
{/* 버튼 영역 */} -
+
+ ); +}; + +export default QuickActionButton; diff --git a/src/components/home/QuickActionButtons.tsx b/src/components/home/QuickActionButtons.tsx new file mode 100644 index 0000000..96921be --- /dev/null +++ b/src/components/home/QuickActionButtons.tsx @@ -0,0 +1,63 @@ +import React from 'react'; +import { useNavigate } from 'react-router-dom'; +import QuickActionButton from './QuickActionButton'; +import StoreMapIcon from '@/assets/svgs/home/store-map.svg'; +import StoreSearchIcon from '@/assets/svgs/home/store-search.svg'; +import ConvenienceStoreIcon from '@/assets/svgs/home/convenience-store.svg'; +import CommunityIcon from '@/assets/svgs/home/community.svg'; + +interface QuickActionItem { + icon: string; + text: string; + onClick?: () => void; + href?: string; +} + +interface QuickActionButtonsProps { + items?: QuickActionItem[]; +} + +const QuickActionButtons: React.FC = ({ items }) => { + const navigate = useNavigate(); + + const defaultItems: QuickActionItem[] = [ + { + icon: StoreMapIcon, + text: '가맹점지도', + onClick: () => navigate('/store-map'), + }, + { + icon: StoreSearchIcon, + text: '가맹점찾기', + onClick: () => navigate('/store-search'), + }, + { + icon: ConvenienceStoreIcon, + text: '편의점구매', + onClick: () => navigate('/convenience'), + }, + { + icon: CommunityIcon, + text: '커뮤니티', + onClick: () => navigate('/community'), + }, + ]; + + const buttons = items || defaultItems; + + return ( +
+ {buttons.map((item, index) => ( + + ))} +
+ ); +}; + +export default QuickActionButtons; diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx index ec713a7..34aad9f 100644 --- a/src/pages/home/HomePage.tsx +++ b/src/pages/home/HomePage.tsx @@ -3,6 +3,7 @@ import CategorySection from '@/components/home/CategorySection'; import Top8StoreSection from '@/components/home/Top8StoreSection'; import ConvenienceStoreSection from '@/components/home/ConvenienceStoreSection'; import CommunitySection from '@/components/home/CommunitySection'; +import QuickActionButtons from '@/components/home/QuickActionButtons'; import { useEffect, useState } from 'react'; import RegionUpdateDialog from '@/components/common/RegionUpdateDialog'; @@ -18,6 +19,7 @@ function HomePage() { <>
+
From 191d782b5c92d0019ce0801faf313a8346f98735 Mon Sep 17 00:00:00 2001 From: soyeong Date: Sat, 27 Dec 2025 15:24:21 +0900 Subject: [PATCH 3/3] =?UTF-8?q?feat(SCRUM-432):=20=EC=BA=90=EB=9F=AC?= =?UTF-8?q?=EC=85=80=20=EB=B0=B0=EB=84=88=20=EB=AC=B8=EA=B5=AC=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/home/CarouselBanner.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/home/CarouselBanner.tsx b/src/components/home/CarouselBanner.tsx index 37ad3aa..9d33d0f 100644 --- a/src/components/home/CarouselBanner.tsx +++ b/src/components/home/CarouselBanner.tsx @@ -44,12 +44,12 @@ export default function CarouselBanner({ // 두 번째 슬라이드 { content: ( -
-
+
+
현재는{' '} - 서울, 인천, 부천, 수원, 고양, 용인, 부산, 성남 + 서울, 인천 외 일부 지역 만 제공되며,{' '}