diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 512d3247..cad82841 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -2588,11 +2588,11 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props dlog('[PlayerPanel] ๐ HomePanel ๋ณต๊ท - tabIndex๋ฅผ ์ฝํ ์ธ ํ์ ์ ๋ฐ๋ผ ์ค์ '); if (tabContainerVersion === 2) { if (panelInfoRef.current.shptmBanrTpNm === 'VOD') { - setTabIndexV2(2); - dlog('[PlayerPanel] ๐ VOD ์ฝํ ์ธ - tabIndexV2๋ฅผ 2๋ก ์ค์ ๋จ'); + setTabIndexV2(1); + dlog('[PlayerPanel] ๐ VOD ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ (FeaturedShowContents ํ์)'); } else { setTabIndexV2(1); - dlog('[PlayerPanel] ๐ LIVE ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ'); + dlog('[PlayerPanel] ๐ LIVE ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ (LiveChannelContents ํ์)'); } } } else { @@ -2651,11 +2651,11 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props ); if (panelInfoRef.current?.shptmBanrTpNm === 'VOD') { - setTabIndexV2(2); - dlog('[PlayerPanel] ๐ VOD ์ฝํ ์ธ - tabIndexV2๋ฅผ 2๋ก ์ค์ ๋จ'); + setTabIndexV2(1); + dlog('[PlayerPanel] ๐ VOD ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ (FeaturedShowContents ํ์)'); } else { setTabIndexV2(1); - dlog('[PlayerPanel] ๐ LIVE ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ'); + dlog('[PlayerPanel] ๐ LIVE ์ฝํ ์ธ - tabIndexV2๋ฅผ 1๋ก ์ค์ ๋จ (LiveChannelContents ํ์)'); } } }, [isOnTop, panelInfo.modal, videoVerticalVisible, tabContainerVersion]); diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx index 767a0f37..36c0d199 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx @@ -12,7 +12,8 @@ import { LOG_CONTEXT_NAME, LOG_MENU, LOG_MESSAGE_ID, panel_names } from '../../. import { $L, removeSpecificTags } from '../../../../utils/helperMethods'; import PlayerItemCard, { TYPES } from '../../PlayerItemCard/PlayerItemCard'; import ListEmptyContents from '../TabContents/ListEmptyContents/ListEmptyContents'; -import css from './LiveChannelContents.module.less'; +import css from './FeaturedShowContents.module.less'; +import cssV2 from './FeaturedShowContents.v2.module.less'; import { getMainCategoryShowDetail } from '../../../../actions/mainActions'; import { sendLogTotalRecommend } from '../../../../actions/logActions'; // ======= @@ -44,6 +45,8 @@ export default function FeaturedShowContents({ handleItemFocus, tabTitle, panelInfo, + direction = 'vertical', + version = 1, }) { const dispatch = useDispatch(); const isClickBlocked = useRef(false); @@ -138,6 +141,16 @@ export default function FeaturedShowContents({ patnerName={patncNm} onClick={handleItemClick} onFocus={handleFocus()} + onSpotlightUp={ + version === 2 && index === 0 + ? (e) => { + // v2์์ ์ฒซ ๋ฒ์งธ ์์ดํ ์ผ ๋ ์๋ก ๊ฐ๋ฉด FEATURED SHOWS ๋ฒํผ์ผ๋ก + e.stopPropagation(); + e.preventDefault(); + Spotlight.focus('below-tab-featured-show-button'); + } + : undefined + } type={TYPES.featuredHorizontal} spotlightId={`tabChannel-video-${index}`} videoVerticalVisible={videoVerticalVisible} @@ -166,17 +179,19 @@ export default function FeaturedShowContents({ }; }, []); + const containerClass = version === 2 ? cssV2.container : css.container; + return ( <> -