youmaylike API 호출 변경

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

@@ -22,7 +22,10 @@ import {
   getThemeCurationDetailInfo,
   getThemeHotelDetailInfo,
 } from "../../actions/homeActions";
-import { getMainCategoryDetail } from "../../actions/mainActions";
+import {
+  getMainCategoryDetail,
+  getMainYouMayLike,
+} from "../../actions/mainActions";
 import { popPanel } from "../../actions/panelActions";
 import { finishVideoPreview } from "../../actions/playActions";
 import {
@@ -129,6 +132,17 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     panelInfo.patnrId,
   ]);
 
+  useEffect(() => {
+    dispatch(
+      getMainYouMayLike({
+        lgCatCd: lgCatCd,
+        exclCurationId: panelInfo?.curationId,
+        exclPatnrId: panelInfo?.patnrId,
+        exclPrdtId: panelInfo?.prdtId,
+      })
+    );
+  }, [panelInfo?.curationId, panelInfo?.patnrId, panelInfo?.prdtId, lgCatCd]);
+
   useEffect(() => {
     if (productData?.pmtSuptYn === "Y" && productData?.grPrdtProcYn === "Y") {
       dispatch(
@@ -460,18 +474,14 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           )}
         </TBody>
       </TPanel>
-      {lgCatCd && (productData || themeProductInfos) && youmaylikeData && (
+      {lgCatCd && (productData || themeProductInfos) && (
         <YouMayLike
           isUnable={
             productData?.pmtSuptYn === "N" ||
             panelInfo?.type === "hotel" ||
             panelInfo?.type === "theme"
           }
-          lgCatCd={lgCatCd}
           panelInfo={panelInfo}
-          selectedCurationId={panelInfo?.curationId}
-          selectedPatnrId={panelInfo?.patnrId}
-          selectedPrdtId={panelInfo?.prdtId}
           setSelectedIndex={setSelectedIndex}
           productInfo={productData || themeData}
           setIsYouMayLikeOpened={setIsYouMayLikeOpened}