From 22cd063ddc13206e07c5389ba7a57f4337960f3d Mon Sep 17 00:00:00 2001
From: Bumang-Cyber <jove0729@naver.com>
Date: Wed, 24 Jan 2024 20:06:08 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=ED=95=A0=EC=9D=B8=EB=A5=A0=20?=
 =?UTF-8?q?=ED=81=B0=EA=B2=8C=20=EB=A7=A8=20=EC=B2=98=EC=9D=8C=EC=97=90=20?=
 =?UTF-8?q?=EC=98=A4=EB=8F=84=EB=A1=9D=20=EC=BA=90=EB=A1=9C=EC=85=80=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/homePage/Home.tsx                   |  4 ++-
 .../itemCarouselUnit/ItemCarouselUnit.tsx     | 36 +++++++++----------
 .../percentAnimator/PercentAnimator.tsx       |  4 +--
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/pages/homePage/Home.tsx b/src/pages/homePage/Home.tsx
index 282c798c..2407350f 100644
--- a/src/pages/homePage/Home.tsx
+++ b/src/pages/homePage/Home.tsx
@@ -52,7 +52,9 @@ const Home = () => {
           <TextLocaleAnimator text={locale[currentLocale[1]]} />
           <span>지역</span>
           <PercentAnimator
-            percent={currentLocale[2][0]?.salePercentage}
+            percent={
+              currentLocale[2][currentLocale[2].length - 1]?.salePercentage
+            }
             localeAndHotel={localeAndHotel}
           />
           <span>할인 호텔</span>
diff --git a/src/pages/homePage/itemCarousel/itemCarouselUnit/ItemCarouselUnit.tsx b/src/pages/homePage/itemCarousel/itemCarouselUnit/ItemCarouselUnit.tsx
index 6fdde52d..8fa8399b 100644
--- a/src/pages/homePage/itemCarousel/itemCarouselUnit/ItemCarouselUnit.tsx
+++ b/src/pages/homePage/itemCarousel/itemCarouselUnit/ItemCarouselUnit.tsx
@@ -29,43 +29,43 @@ const ItemCarouselUnit = ({ item }: UnitProps) => {
 
   return (
     <S.LocaleWrapper $display={hotel ? "block" : "none"}>
-      {hotel[0] && (
-        <S.ItemUnit onClick={() => onClickHandler(0)}>
-          <img src={hotel[0].imageUrl} />
+      {hotel[1] && (
+        <S.ItemUnit onClick={() => onClickHandler(1)}>
+          <img src={hotel[1].imageUrl} />
           <div className="item-info">
             <div className="hotel_title">
-              <h1>{hotel[0].hotelName}</h1>
-              <h3>{hotel[0].roomType}</h3>
+              <h1>{hotel[1].hotelName}</h1>
+              <h3>{hotel[1].roomType}</h3>
               <S.Sticker>
-                {CHKIN0} ~ {CHKOUT0}
+                {CHKIN1} ~ {CHKOUT1}
               </S.Sticker>
             </div>
             <div className="hotel_price">
-              <h5>{hotel[0].originalPrice}</h5>
+              <h5>{hotel[1].originalPrice}</h5>
               <h1>
-                {priceFormat(hotel[0].salePrice)} 원
-                <span>{Math.floor(hotel[0].salePercentage * 100)}%</span>
+                {priceFormat(hotel[1].salePrice)} 원
+                <span>{Math.floor(hotel[1].salePercentage * 100)}%</span>
               </h1>
             </div>
           </div>
         </S.ItemUnit>
       )}
-      {hotel[1] && (
-        <S.ItemUnit onClick={() => onClickHandler(1)}>
-          <img src={hotel[1].imageUrl} />
+      {hotel[0] && (
+        <S.ItemUnit onClick={() => onClickHandler(0)}>
+          <img src={hotel[0].imageUrl} />
           <div className="item-info">
             <div className="hotel_title">
-              <h1>{hotel[1].hotelName}</h1>
-              <h3>{hotel[1].roomType}</h3>
+              <h1>{hotel[0].hotelName}</h1>
+              <h3>{hotel[0].roomType}</h3>
               <S.Sticker>
-                {CHKIN1} ~ {CHKOUT1}
+                {CHKIN0} ~ {CHKOUT0}
               </S.Sticker>
             </div>
             <div className="hotel_price">
-              <h5>{hotel[1].originalPrice}</h5>
+              <h5>{hotel[0].originalPrice}</h5>
               <h1>
-                {priceFormat(hotel[1].salePrice)} 원
-                <span>{Math.floor(hotel[1].salePercentage * 100)}%</span>
+                {priceFormat(hotel[0].salePrice)} 원
+                <span>{Math.floor(hotel[0].salePercentage * 100)}%</span>
               </h1>
             </div>
           </div>
diff --git a/src/pages/homePage/percentAnimator/PercentAnimator.tsx b/src/pages/homePage/percentAnimator/PercentAnimator.tsx
index 2a920999..36c19ef6 100644
--- a/src/pages/homePage/percentAnimator/PercentAnimator.tsx
+++ b/src/pages/homePage/percentAnimator/PercentAnimator.tsx
@@ -14,8 +14,8 @@ const PercentAnimator = ({
       {localeAndHotel.map(
         (item) =>
           item[2].length !== 0 && (
-            <AnimatePresence key={item[2][0]?.id}>
-              {item[2][0]?.salePercentage === percent && (
+            <AnimatePresence key={item[2][0].id}>
+              {item[2][item[2].length - 1].salePercentage === percent && (
                 <S.PercentDiv animate={{ y: [30, 0] }} exit={{ y: [0, -30] }}>
                   최대 {Math.floor(percent * 100)}%
                 </S.PercentDiv>

From cf1e3f1fc8859a552726fdb01bbf19ccfab9996e Mon Sep 17 00:00:00 2001
From: Bumang-Cyber <jove0729@naver.com>
Date: Wed, 24 Jan 2024 20:08:47 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=ED=95=9C=20=EC=A1=B0=EA=B1=B4=EC=97=B0=EC=82=B0=EC=9E=90=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/homePage/itemCarousel/ItemCarousel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/homePage/itemCarousel/ItemCarousel.tsx b/src/pages/homePage/itemCarousel/ItemCarousel.tsx
index b0ab3a74..f4a0dc44 100644
--- a/src/pages/homePage/itemCarousel/ItemCarousel.tsx
+++ b/src/pages/homePage/itemCarousel/ItemCarousel.tsx
@@ -71,7 +71,7 @@ const ItemCarousel = ({
           {localeAndHotel.map(
             (item) =>
               item[2].length && (
-                <ItemCarouselUnit key={item[2][0]?.id} item={item} />
+                <ItemCarouselUnit key={item[2][0].id} item={item} />
               ),
           )}
         </S.SliderContainer>