[251202] fix: VOD-FeaturedShows

🕐 커밋 시간: 2025. 12. 02. 17:54:40

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

📁 추가된 파일:
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.v2.module.less

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.jsx

🔧 주요 변경 내용:
  • 소규모 기능 개선

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.jsx

@@ -21,6 +21,7 @@ import { $L } from '../../../../utils/helperMethods';
 import { SpotlightIds } from '../../../../utils/SpotlightIds';
 import usePrevious from '../../../../hooks/usePrevious';
 import LiveChannelContents from '../TabContents/LiveChannelContents';
+import FeaturedShowContents from '../TabContents/FeaturedShowContents';
 import ShopNowContents from '../TabContents/ShopNowContents';
 import ShopNowButton from './ShopNowButton';
 import LiveChannelNext from './LiveChannelNext';
@@ -272,17 +273,17 @@ export default function TabContainerV2({
           <SpottableDiv
             className={css.liveChannelButton}
             onClick={onLiveChannelButtonClick}
-            spotlightId="below-tab-live-channel-button"
+            spotlightId={panelInfo?.shptmBanrTpNm === 'LIVE' ? 'below-tab-live-channel-button' : 'below-tab-featured-show-button'}
             onSpotlightUp={handleSpotlightUpToBackButton}
             onSpotlightDown={(e) => {
               // 첫 번째 PlayerItem으로 포커스 이동
               Spotlight.focus('tabChannel-video-0');
             }}
             onSpotlightFocus={() => {
-              console.log('[TabContainerV2] below-tab-live-channel-button focused');
+              console.log('[TabContainerV2] below-tab button focused');
             }}
           >
-            <span className={css.buttonText}>LIVE CHANNEL</span>
+            <span className={css.buttonText}>{tabList[1]}</span>
             <div className={css.arrowIcon}>
               <img src={icon_arrow_dwon} alt="arrow down" />
             </div>
@@ -304,6 +305,23 @@ export default function TabContainerV2({
               direction="horizontal"
             />
           )}
+
+          {panelInfo?.shptmBanrTpNm === 'VOD' && playListInfo && (
+            <FeaturedShowContents
+              tabTitle={tabList}
+              featuredShowsInfos={playListInfo}
+              currentVideoInfo={playListInfo[selectedIndex]}
+              setSelectedIndex={setSelectedIndex}
+              selectedIndex={selectedIndex}
+              videoVerticalVisible={videoVerticalVisible}
+              currentVideoShowId={playListInfo[selectedIndex]?.showId}
+              tabIndex={tabIndex}
+              handleItemFocus={_handleItemFocus}
+              panelInfo={panelInfo}
+              version={2}
+              direction="horizontal"
+            />
+          )}
         </>
       )}