핫픽스에서 호텔디테일 들어갔을때 포커싱 변경건.

com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx

@@ -411,6 +411,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
               setSelectedIndex={setSelectedIndex}
               shopByMobileLogRef={shopByMobileLogRef}
               themeType={type}
+              isLoading={isLoading}
             />
           )}
         </TBody>

com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/HotelProduct.jsx

@@ -37,6 +37,7 @@ export default function HotelOption({
   selectedIndex,
   setSelectedIndex,
   shopByMobileLogRef,
+  isLoading,
 }) {
   const dispatch = useDispatch();
 
@@ -220,8 +221,8 @@ export default function HotelOption({
   }, [hotelInfos, selectedIndex]);
 
   useEffect(() => {
-    Spotlight.focus("seemore_Btn");
-  }, [hotelInfos]);
+    Spotlight.focus("Indicator-image-" + selectedIndex);
+  }, [hotelInfos, isLoading]);
 
   return (
     <>

com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/ThemeProduct.jsx

@@ -16,6 +16,7 @@ export default function ThemeProduct({
   setSelectedIndex,
   shopByMobileLogRef,
   themeType,
+  isLoading,
 }) {
   return (
     <div className={css.container}>
@@ -40,6 +41,7 @@ export default function ThemeProduct({
           selectedIndex={selectedIndex}
           setSelectedIndex={setSelectedIndex}
           shopByMobileLogRef={shopByMobileLogRef}
+          isLoading={isLoading}
         />
       )}
     </div>