[251113] fix: ProductAllSection ProductVideo version=1

🕐 커밋 시간: 2025. 11. 13. 20:45:31

📊 변경 통계:
  • 총 파일: 8개
  • 추가: +110줄
  • 삭제: -39줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/actions/mediaActions.js
  ~ com.twin.app.shoptime/src/actions/playActions.js
  ~ com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx

🔧 주요 변경 내용:
  • 핵심 비즈니스 로직 개선
  • UI 컴포넌트 아키텍처 개선
  • 중간 규모 기능 개선
  • 모듈 구조 개선

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

@@ -22,6 +22,7 @@ import {
   getMainCategoryDetail,
   getMainYouMayLike,
 } from '../../actions/mainActions';
+import { finishModalMediaForce } from '../../actions/mediaActions';
 import {
   popPanel,
   updatePanel,
@@ -141,11 +142,19 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     Spotlight.focus('spotlightId_backBtn');
   }, []);
 
+  useEffect(() => {
+    return () => {
+      dispatch(finishModalMediaForce());
+    };
+  }, [dispatch]);
+
   const onClick = useCallback(
     (isCancelClick) => (ev) => {
       fp.pipe(
         () => {
           dispatch(clearAllToasts()); // BuyOption Toast 포함 모든 토스트 제거
+          dispatch(pauseFullscreenVideo()); // PLAYER_PANEL 비디오 중지
+          dispatch(finishModalMediaForce()); // MEDIA_PANEL(ProductVideo) 강제 종료
           dispatch(finishVideoPreview());
           dispatch(popPanel(panel_names.DETAIL_PANEL));
         },