From c6575cb611eb465958c538ced350ee20f10cabb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Wed, 8 Jan 2025 14:15:46 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-4912]=20=EB=AF=B8=EA=B5=AD=20/=20Trav?=
 =?UTF-8?q?el=20=ED=85=8C=EB=A7=88=20/=20=ED=98=B8=ED=85=94=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=201=EA=B0=9C=EB=A7=8C=20=EB=85=B8=EC=B6=9C?=
 =?UTF-8?q?=EB=90=A8=20(=20http://hlm.lge.com/issue/browse/SHOPTIME-4912?=
 =?UTF-8?q?=20)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[원인] isOnTop을 내리지않아 ThemeIndicatorArrow component가 랜더링되지 않음

[수정사항] isOnTop props 전달
---
 .../views/DetailPanel/ThemeProduct/HotelProduct.jsx    |  2 ++
 .../components/indicator/ThemeIndicator.jsx            | 10 ----------
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx
index 00280a22..eac4ab83 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx
@@ -36,6 +36,7 @@ const Container = SpotlightContainerDecorator(
   "div"
 );
 export default function HotelOption({
+  isOnTop,
   panelInfo,
   launchedFromPlayer,
   selectedIndex,
@@ -262,6 +263,7 @@ export default function HotelOption({
               setSelectedIndex={setSelectedIndex}
               thumbnailUrls={hotelInfos[selectedIndex]?.hotelDetailInfo.imgUrls}
               launchedFromPlayer={launchedFromPlayer}
+              isOnTop={isOnTop}
             />
 
             <IndicatorOptions
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx
index 5baa2982..445406ef 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx
@@ -312,16 +312,6 @@ function ThemeIndicator({
     [isOnTop]
   );
 
-  // useEffect(() => {
-  //   if (
-  //     imageLength === (imageSelectedIndex || 1) ||
-  //     (!themeProductInfo?.prdtMediaUrl &&
-  //       imageLength - 1 === imageSelectedIndex)
-  //   ) {
-  //     Spotlight.focus("thumbnailPrevButton");
-  //   }
-  // }, [canPlayVideo, imageSelectedIndex]);
-
   const renderThumbnail = useCallback(() => {
     return (
       <div className={css.thumbnailContainer}>