[251118] fix: PlayerPanel 오버레이 숨김 동기화

🕐 커밋 시간: 2025. 11. 18. 13:52:01

📊 변경 통계:
  • 총 파일: 2개
  • 추가: +14줄
  • 삭제: -5줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js

@@ -886,6 +886,18 @@ const VideoPlayerBase = class extends React.Component {
       }
     }
 
+    // TabContainerV2(하단 탭)와 상단 오버레이(뒤로가기 아이콘 등) 동기화
+    // mediaControlsVisible이 다른 경로로 토글될 때 belowContentsVisible도 맞춰 줘서
+    // 두 오버레이가 따로 놀지 않도록 한다.
+    if (
+      this.props.tabContainerVersion === 2 &&
+      typeof this.props.setBelowContentsVisible === 'function' &&
+      this.state.mediaControlsVisible !== prevState.mediaControlsVisible &&
+      this.props.belowContentsVisible !== this.state.mediaControlsVisible
+    ) {
+      this.props.setBelowContentsVisible(this.state.mediaControlsVisible);
+    }
+
     if (
       (!this.state.mediaControlsVisible &&
         prevState.mediaControlsVisible !== this.state.mediaControlsVisible) ||

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

@@ -2072,11 +2072,8 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
       return;
     }
 
-    // NOTE 첫 진입 시에는 30초 후 탭이 닫히도록 설정
+    // NOTE 탭이 표시될 때마다 타이머 시작 (첫 진입은 30초, 이후에는 REGULAR_TIMEOUT)
-    if (initialEnterV2) {
+    resetTimerV2(initialEnterV2 ? INITIAL_TIMEOUT : REGULAR_TIMEOUT);
-      // console.log('[TabContainerV2] 첫 진입 - 타이머 시작', INITIAL_TIMEOUT);
-      resetTimerV2(INITIAL_TIMEOUT);
-    }
 
     const handleEvent = (e) => {
       // console.log('[TabContainerV2] 이벤트 발생:', e.type);