[251118] fix: DetailPanel노출 시 modal 비디오 제거

🕐 커밋 시간: 2025. 11. 18. 12:02:18

📊 변경 통계:
  • 총 파일: 6개
  • 추가: +82줄
  • 삭제: -4줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/App/App.js
  ~ com.twin.app.shoptime/src/actions/panelActions.js
  ~ com.twin.app.shoptime/src/actions/playActions.js
  ~ com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx

🔧 주요 변경 내용:
  • 핵심 비즈니스 로직 개선
  • 소규모 기능 개선
  • 모듈 구조 개선

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

@@ -768,6 +768,18 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     }
   }, [panels]);
 
+  // PlayerPanel이 modal=true인 경우 비디오 미리보기 중지
+  useEffect(() => {
+    const hasPlayerPanel = panels.some(
+      (panel) => panel.name === panel_names.PLAYER_PANEL && panel.panelInfo?.modal === true
+    );
+
+    if (hasPlayerPanel) {
+      console.log('[DetailPanel] PlayerPanel modal=true detected - stopping video preview');
+      dispatch(finishVideoPreview());
+    }
+  }, [panels, dispatch]);
+
   return (
     <div ref={containerRef}>
       <DetailPanelBackground launchedFromPlayer={panelLaunchedFromPlayer} patnrId={panelPatnrId}/>