From 15aecd0792380dc0a0c723a885930bc3572615ae Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Tue, 18 Nov 2025 13:52:01 +0900
Subject: [PATCH] =?UTF-8?q?[251118]=20fix:=20PlayerPanel=20=EC=98=A4?=
 =?UTF-8?q?=EB=B2=84=EB=A0=88=EC=9D=B4=20=EC=88=A8=EA=B9=80=20=EB=8F=99?=
 =?UTF-8?q?=EA=B8=B0=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 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 컴포넌트 아키텍처 개선
---
 .../src/components/VideoPlayer/VideoPlayer.js        | 12 ++++++++++++
 .../src/views/PlayerPanel/PlayerPanel.jsx            |  7 ++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
index d0a0cc02..30b376f1 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
+++ b/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) ||
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
index 261c446e..13262ce6 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
@@ -2072,11 +2072,8 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
       return;
     }
 
-    // NOTE 첫 진입 시에는 30초 후 탭이 닫히도록 설정
-    if (initialEnterV2) {
-      // console.log('[TabContainerV2] 첫 진입 - 타이머 시작', INITIAL_TIMEOUT);
-      resetTimerV2(INITIAL_TIMEOUT);
-    }
+    // NOTE 탭이 표시될 때마다 타이머 시작 (첫 진입은 30초, 이후에는 REGULAR_TIMEOUT)
+    resetTimerV2(initialEnterV2 ? INITIAL_TIMEOUT : REGULAR_TIMEOUT);
 
     const handleEvent = (e) => {
       // console.log('[TabContainerV2] 이벤트 발생:', e.type);