optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[영상 작동 수정]

Browse Source 
- 영상 화면 live next 버튼에 포커스가 가면 영상 리스트가 노출되도록 변경.
 - onFocus 추가하여 focus시 작동하도록 변경.
This commit is contained in:
junghoon86.park
2025-12-04 15:51:19 +09:00
parent 37574c0794
commit 49f137620b
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
View File

@@ -23,6 +23,7 @@ export default function LiveChannelNext({
programName = 'Sandal Black...', programName = 'Sandal Black...',
backgroundColor = 'linear-gradient(180deg, #284998 0%, #06B0EE 100%)', backgroundColor = 'linear-gradient(180deg, #284998 0%, #06B0EE 100%)',
onClick, onClick,
onFocus,
spotlightId = 'live-channel-next-button', spotlightId = 'live-channel-next-button',
}) { }) {
const handleSpotlightUp = (e) => { const handleSpotlightUp = (e) => {
@@ -47,6 +48,7 @@ export default function LiveChannelNext({
<SpottableDiv <SpottableDiv
className={css.liveChannelButton} className={css.liveChannelButton}
onClick={onClick} onClick={onClick}
onFocus={onFocus}
spotlightId={spotlightId} spotlightId={spotlightId}
onSpotlightUp={handleSpotlightUp} onSpotlightUp={handleSpotlightUp}
onSpotlightDown={handleSpotlightDown} onSpotlightDown={handleSpotlightDown}

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

@@ -50,7 +50,7 @@ export default function TabContainerV2({
onTabClose, // 탭 닫기 콜백 함수 onTabClose, // 탭 닫기 콜백 함수
tabVisible, tabVisible,
}) { }) {
const youmaylikeInfos = useSelector((state) => state.main.youmaylikeInfos); const youmaylikeInfos = useSelector((state) => state.main.youmaylikeInfos);
// 다음 재생 가능한 쇼 찾기 // 다음 재생 가능한 쇼 찾기
const findNextPlayableShow = useCallback((currentPlayList, currentIndex) => { const findNextPlayableShow = useCallback((currentPlayList, currentIndex) => {
@@ -337,6 +337,7 @@ export default function TabContainerV2({
} }
onClick={onLiveNext} onClick={onLiveNext}
spotlightId="live-channel-next-button" spotlightId="live-channel-next-button"
onFocus={onLiveNext}
/> />
<ShopNowButton onClick={onShopNowButtonClick} /> <ShopNowButton onClick={onShopNowButtonClick} />
</> </>