[DetailPanel] youmaylike add launchedFromPlayer

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import classNames from "classnames";
 import { useDispatch, useSelector } from "react-redux";
@@ -38,10 +38,21 @@ export default function YouMayLike({
 }) {
   const [focused, setFocused] = useState(false);
   const [expanded, setExpanded] = useState(false);
-  const { cursorVisible } = useSelector((state) => state.common.appStatus);
   const dispatch = useDispatch();
   const youmaylikeData = useSelector((state) => state.main.youmaylikeData);
   const { getScrollTo, scrollLeft } = useScrollTo();
+  const panels = useSelector((state) => state.panels.panels);
+
+  const launchedFromPlayer = useMemo(() => {
+    const detailPanelIndex = panels.findIndex(
+      ({ name }) => name === "detailpanel"
+    );
+    const playerPanelIndex = panels.findIndex(
+      ({ name }) => name === "playerpanel"
+    );
+
+    return detailPanelIndex - 1 === playerPanelIndex;
+  }, [panels]);
 
   useEffect(() => {
     dispatch(
@@ -106,7 +117,7 @@ export default function YouMayLike({
             panelInfo: {
               patnrId,
               prdtId,
-              launchedFromPlayer: panelInfo.launchedFromPlayer,
+              launchedFromPlayer: launchedFromPlayer,
             },
           })
         );
@@ -127,7 +138,7 @@ export default function YouMayLike({
         />
       );
     },
-    [youmaylikeData]
+    [youmaylikeData, launchedFromPlayer]
   );
 
   return (