[DetailPanel] 그룹상품 데이터가 뜨지 않는 현상 수정

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

@@ -142,6 +142,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     getlgCatCd();
   }, [themeProductInfos, productData, selectedIndex]);
 
+  console.log("#productData", productData);
   useEffect(() => {
     if (panelInfo && patnrId && prdtId) {
       saveToLocalStorage();
@@ -200,6 +201,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
               selectedIndex={selectedIndex}
               setSelectedIndex={setSelectedIndex}
               launchedFromPlayer={panelInfo.launchedFromPlayer}
+              panelInfo={panelInfo}
               isOnTop={isOnTop}
             />
           )}
@@ -221,7 +223,8 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
         <YouMayLike
           isUnable={
             productData?.pmtSuptYn === "N" ||
-            (selectedIndex &&
+            (themeProductInfos &&
+              themeProductInfos.length > 0 &&
               themeProductInfos[selectedIndex]?.pmtSuptYn === "N")
           }
           lgCatCd={lgCatCd}

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

@@ -39,15 +39,13 @@ export default function GroupProduct({
   const isSoldout = isProductSoldOut();
 
   useEffect(() => {
-    if (productData && productData?.prodOptYn === "Y") {
-      dispatch(
-        getProductGroup({
-          patnrId: selectedPatnrId,
-          prdtId: selectedPrdtId,
-        })
-      );
-    }
-  }, [dispatch]);
+    dispatch(
+      getProductGroup({
+        patnrId: selectedPatnrId,
+        prdtId: selectedPrdtId,
+      })
+    );
+  }, [dispatch, selectedPatnrId, selectedPrdtId]);
   return (
     <>
       <Container className={css.container}>

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

@@ -23,6 +23,7 @@ export default function UnableProduct({
   selectedIndex,
   setSelectedIndex,
   launchedFromPlayer,
+  panelInfo,
   isOnTop,
 }) {
   const productData = useSelector((state) => state.main.productData);
@@ -48,6 +49,7 @@ export default function UnableProduct({
           productInfo={productData}
           soldoutFlag={soldout}
           launchedFromPlayer={launchedFromPlayer}
+          panelInfo={panelInfo}
           isOnTop={isOnTop}
         />
         <IndicatorOptions

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

@@ -49,6 +49,7 @@ function Indicator({
   productInfo,
   soldoutFlag,
   launchedFromPlayer,
+  panelInfo,
   isOnTop,
 }) {
   const dispatch = useDispatch();
@@ -84,21 +85,18 @@ function Indicator({
           modal: true,
           modalContainerId: "indicator_videoContainer", //to calc width, height, left, top
           modalClassName: modalClassNameChange(),
+          spotlightDisable: true,
         })
       );
     }
-  }, [dispatch, productInfo, autoPlaying]);
-
-  useEffect(() => {
-    dispatch(
-      updatePanel({
-        name: panel_names.PLAYER_PANEL,
-        paneInfo: {
-          modalClassName: modalClassNameChange(),
-        },
-      })
-    );
-  }, [dispatch, focused]);
+  }, [
+    dispatch,
+    productInfo,
+    autoPlaying,
+    focused,
+    selectedIndex,
+    panelInfo?.modal,
+  ]);
 
   const modalClassNameChange = useCallback(() => {
     if (selectedIndex === 0) {