From 67fdc5f9b18c2167902b6a03a41429bae26ca27d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Tue, 8 Oct 2024 16:12:26 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=A7=80=EB=9D=BC=EC=9D=B4=EC=8A=88=EC=97=86?=
 =?UTF-8?q?=EC=9D=8C]=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=EC=A0=84=ED=8C=8C?=
 =?UTF-8?q?=EB=B0=A9=EC=A7=80=20=EC=A1=B0=EA=B1=B4=EB=AC=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

  이유 : 디테일패널에서 플레이어패널로 이동할떄  handleCancel일떄만 stopPropagation을 쓰기위함
---
 .../src/views/DetailPanel/DetailPanel.jsx             | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
index 6a4b4725..0b7307a8 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
@@ -192,10 +192,13 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
   };
 
   const onClick = useCallback(
-    (ev) => {
+    (isCancelClick) => (ev) => {
       dispatch(finishVideoPreview());
       dispatch(popPanel(panel_names.DETAIL_PANEL));
-      ev.stopPropagation();
+
+      if (isCancelClick) {
+        ev.stopPropagation();
+      }
     },
     [dispatch]
   );
@@ -387,7 +390,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
       <TPanel
         isTabActivated={false}
         className={css.detailPanelWrap}
-        handleCancel={onClick}
+        handleCancel={onClick(true)}
         spotlightId={spotlightId}
       >
         <THeader
@@ -398,7 +401,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
             (panelInfo?.type === "theme" && themeData?.themeInfo[0]?.curationNm)
           }
           onBackButton
-          onClick={onClick}
+          onClick={onClick(false)}
           spotlightDisabled={isLoading}
           onSpotlightUp={onSpotlightUpTButton}
           onSpotlightLeft={onSpotlightUpTButton}