[251007] feat: views - PlayerPanel.jsx - 기능 개선

🕐 커밋 시간: 2025. 10. 07. 17:15:08

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +13줄
  • 삭제: -1줄

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

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

@@ -1756,6 +1756,13 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
     );
   }, [belowContentsVisible, playListInfo, panelInfo, isOnTop]);
 
+  const shouldShowBelowTab = useMemo(() => {
+    // LiveShowContainer, ShopNowContainer, ShopNowButton 모두 표시 여부
+    return (
+      belowContentsVisible && !panelInfo?.modal && isOnTop && panelInfo?.shptmBanrTpNm !== 'MEDIA'
+    );
+  }, [belowContentsVisible, panelInfo?.modal, isOnTop, panelInfo?.shptmBanrTpNm]);
+
   const qrCurrentItem = useMemo(() => {
     if (shopNowInfo?.length && panelInfo?.shptmBanrTpNm === 'LIVE') {
       return shopNowInfo[shopNowInfo.length - 1];
@@ -1803,12 +1810,14 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
 
     timerId.current = setTimeout(() => {
       setSideContentsVisible(false);
+      setBelowContentsVisible(false);
     }, timeout);
   }, []);
 
   useEffect(() => {
     if (isOnTop && !panelInfo.modal && !videoVerticalVisible) {
       setSideContentsVisible(true);
+      setBelowContentsVisible(true);
     }
   }, [panelInfo.modal]);
 
@@ -2067,7 +2076,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
           />
         )}
 
-        {!panelInfo?.modal && (
+        {shouldShowBelowTab && (
           <>
             {belowTabMode === 'liveShow' && (
               <LiveShowContainer