[Log] modify menu for DetailPanel

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

@@ -45,8 +45,8 @@ import UnableProduct from "./UnableProduct/UnableProduct";
 import YouMayLike from "./YouMayLike/YouMayLike";
 
 export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
-  const [lgCatCd, setLgCatCd] = useState("");
-  const [selectedIndex, setSelectedIndex] = useState(0);
+  const dispatch = useDispatch();
+
   const productData = useSelector((state) => state.main.productData);
   const themeData = useSelector((state) => state.home.productData);
   const hotelData = useSelector((state) => state.home.hotelData);
@@ -71,7 +71,9 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     (state) => state.common.appStatus.webOSVersion
   );
 
-  const dispatch = useDispatch();
+  const [lgCatCd, setLgCatCd] = useState("");
+  const [isYouMayLikeOpened, setIsYouMayLikeOpened] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(0);
 
   const shopByMobileLogRef = useRef(null);
 
@@ -276,7 +278,8 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     return (
       productData?.pmtSuptYn === "Y" &&
       productData?.grPrdtProcYn === "Y" &&
-      groupInfos
+      groupInfos &&
+      groupInfos.length > 0
     );
   }, [productData, groupInfos]);
 
@@ -362,57 +365,64 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           spotlightDisabled={isLoading}
           isDefaultContainer
         >
-          {/* 결제가능상품 영역 */}
-          {isBillingProductVisible && (
-            <SingleProduct
-              isOnTop={isOnTop}
-              panelInfo={panelInfo}
-              selectedPatnrId={patnrId}
-              selectedPrdtId={prdtId}
-              selectedIndex={selectedIndex}
-              setSelectedIndex={setSelectedIndex}
-              shopByMobileLogRef={shopByMobileLogRef}
-            />
-          )}
-          {/* 구매불가상품 영역 */}
-          {isUnavailableProductVisible && (
-            <UnableProduct
-              isOnTop={isOnTop}
-              panelInfo={panelInfo}
-              selectedPatnrId={patnrId}
-              selectedPrdtId={prdtId}
-              selectedIndex={selectedIndex}
-              setSelectedIndex={setSelectedIndex}
-              shopByMobileLogRef={shopByMobileLogRef}
-            />
-          )}
-
-          {/* 그룹상품 영역 */}
-          {isGroupProductVisible && (
-            <GroupProduct
-              isOnTop={isOnTop}
-              panelInfo={panelInfo}
-              selectedPatnrId={patnrId}
-              selectedPrdtId={prdtId}
-              selectedIndex={selectedIndex}
-              setSelectedIndex={setSelectedIndex}
-              shopByMobileLogRef={shopByMobileLogRef}
-            />
-          )}
-          {/* 테마그룹상품 영역*/}
-          {isTravelProductVisible && (
-            <ThemeProduct
-              isOnTop={isOnTop}
-              panelInfo={panelInfo}
-              selectedCurationId={curationId}
-              selectedCurationNm={curationNm}
-              selectedIndex={selectedIndex}
-              selectedPatnrId={patnrId}
-              setSelectedIndex={setSelectedIndex}
-              shopByMobileLogRef={shopByMobileLogRef}
-              themeType={type}
-              isLoading={isLoading}
-            />
+          {!isLoading && (
+            <>
+              {/* 결제가능상품 영역 */}
+              {isBillingProductVisible && (
+                <SingleProduct
+                  isOnTop={isOnTop}
+                  panelInfo={panelInfo}
+                  selectedPatnrId={patnrId}
+                  selectedPrdtId={prdtId}
+                  selectedIndex={selectedIndex}
+                  setSelectedIndex={setSelectedIndex}
+                  shopByMobileLogRef={shopByMobileLogRef}
+                  isYouMayLikeOpened={isYouMayLikeOpened}
+                />
+              )}
+              {/* 구매불가상품 영역 */}
+              {isUnavailableProductVisible && (
+                <UnableProduct
+                  isOnTop={isOnTop}
+                  panelInfo={panelInfo}
+                  selectedPatnrId={patnrId}
+                  selectedPrdtId={prdtId}
+                  selectedIndex={selectedIndex}
+                  setSelectedIndex={setSelectedIndex}
+                  shopByMobileLogRef={shopByMobileLogRef}
+                  isYouMayLikeOpened={isYouMayLikeOpened}
+                />
+              )}
+              {/* 그룹상품 영역 */}
+              {isGroupProductVisible && (
+                <GroupProduct
+                  isOnTop={isOnTop}
+                  panelInfo={panelInfo}
+                  selectedPatnrId={patnrId}
+                  selectedPrdtId={prdtId}
+                  selectedIndex={selectedIndex}
+                  setSelectedIndex={setSelectedIndex}
+                  shopByMobileLogRef={shopByMobileLogRef}
+                  isYouMayLikeOpened={isYouMayLikeOpened}
+                />
+              )}
+              {/* 테마그룹상품 영역*/}
+              {isTravelProductVisible && (
+                <ThemeProduct
+                  isOnTop={isOnTop}
+                  panelInfo={panelInfo}
+                  selectedCurationId={curationId}
+                  selectedCurationNm={curationNm}
+                  selectedIndex={selectedIndex}
+                  selectedPatnrId={patnrId}
+                  setSelectedIndex={setSelectedIndex}
+                  themeType={type}
+                  isLoading={isLoading}
+                  shopByMobileLogRef={shopByMobileLogRef}
+                  isYouMayLikeOpened={isYouMayLikeOpened}
+                />
+              )}
+            </>
           )}
         </TBody>
       </TPanel>
@@ -430,6 +440,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           selectedPrdtId={prdtId}
           setSelectedIndex={setSelectedIndex}
           productInfo={productData || themeData}
+          setIsYouMayLikeOpened={setIsYouMayLikeOpened}
         />
       )}
       {activePopup === Config.ACTIVE_POPUP.smsPopup && (