핫픽스 에서디테일 넘어갈때 포커스 관련부분 처리건.

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

@@ -33,6 +33,7 @@ export default function ShowOption({
   // selectedPatnrId,
   setSelectedIndex,
   shopByMobileLogRef,
+  isLoading,
 }) {
   const dispatch = useDispatch();
   const productInfo = useSelector(
@@ -212,6 +213,7 @@ export default function ShowOption({
               soldoutFlag={isSoldout}
               launchedFromPlayer={launchedFromPlayer}
               isOnTop={isOnTop}
+              isLoading={isLoading}
               isSpotlight
             />
             <IndicatorOptions

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

@@ -31,6 +31,7 @@ export default function ThemeProduct({
           selectedPatnrId={selectedPatnrId}
           setSelectedIndex={setSelectedIndex}
           shopByMobileLogRef={shopByMobileLogRef}
+          isLoading={isLoading}
         />
       )}
       {themeType === "hotel" && (

com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx

@@ -40,6 +40,7 @@ function ThemeIndicator({
   soldoutFlag,
   launchedFromPlayer,
   isOnTop,
+  isLoading,
 }) {
   const dispatch = useDispatch();
   const [selectedImage, setSelectedImage] = useState(null);
@@ -245,14 +246,14 @@ function ThemeIndicator({
       isSpotlight &&
       selectedIndex === 0
     ) {
-      Spotlight.focus("IndicatorGridlistContainer");
+      Spotlight.focus("indicatorGridlistContainer");
       Spotlight.focus("indicator-image-0");
     }
 
     if (selectedIndex > 0) {
       Spotlight.focus(`indicator-image-${selectedIndex}`);
     }
-  }, [themeProductInfos, selectedIndex, isSpotlight]);
+  }, [themeProductInfos, selectedIndex, isSpotlight, isLoading]);
 
   const handleVideoOnClick = useCallback(() => {
     if (canPlayVideo) {