diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 8a16fdfd..25533659 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -853,7 +853,6 @@ const PlayerPanel = ({ const handleItemFocus = useCallback( (menu) => { dispatch(sendLogGNB(menu)); - console.log("###handleItemFocus", menu); if (!videoVerticalVisible) { resetTimer(REGULAR_TIMEOUT); } @@ -864,7 +863,6 @@ const PlayerPanel = ({ const onClickBack = useCallback( (ev, isEnd) => { //modal로부터 Full 전환된 경우 다시 preview 모드로 돌아감. - console.log("###onClickBack", backupInitialIndex, isEnd); if ( sideContentsVisible && !videoVerticalVisible && @@ -968,7 +966,7 @@ const PlayerPanel = ({ // 아이템클릭 진입시 포커스 let hasProperSpot = false; let targetId; - if (!isInitialFocusOccurred) { + if (!isInitialFocusOccurred || panelInfo.targetId) { targetId = panelInfo.targetId; initialFocusTimeoutJob.current.start(() => { @@ -990,6 +988,11 @@ const PlayerPanel = ({ if (retryTarget) { Spotlight.focus(retryTarget); setIsInitialFocusOccurred(true); + } else { + if (shopNowInfo?.length > 0) { + Spotlight.focus("playVideoShopNowBox"); + setIsInitialFocusOccurred(true); + } } }); } @@ -1000,6 +1003,7 @@ const PlayerPanel = ({ panelInfo.targetId, panelInfo.modal, videoVerticalVisible, + shopNowInfo, ]); const videoInitialFocused = useCallback(() => { @@ -1024,15 +1028,15 @@ const PlayerPanel = ({ } } - if (!panelInfo.modal && !videoVerticalVisible && !hasProperSpot) { - Spotlight.focus(SpotlightIds.PLAYER_TAB_BUTTON); - return; - } - //비디오 진입시 포커스 if (panelInfo.isIndicatorByClick && shopNowInfo?.length > 0) { Spotlight.focus("playVideoShopNowBox"); return; } + + if (!panelInfo.modal && !videoVerticalVisible && !hasProperSpot) { + Spotlight.focus(SpotlightIds.PLAYER_TAB_BUTTON); + return; + } }, [ shopNowInfo, videoVerticalVisible, @@ -1183,12 +1187,16 @@ const PlayerPanel = ({ videoInitialFocused(); } } - }, [playListInfo]); + }, [playListInfo, panelInfo.targetId]); //10초 후 닫힐때 TabButton 포커스 useEffect(() => { if (playListInfo && playListInfo.length > 0) { - videoInitialFocused(); + if (panelInfo.targetId) { + videoItemFocused(); + } else { + videoInitialFocused(); + } } }, [sideContentsVisible, panelInfo.modal]); @@ -1818,6 +1826,7 @@ const PlayerPanel = ({ }, }) ); + Spotlight.focus("playVideoShopNowBox"); } } if (!sideContentsVisible) { @@ -1830,6 +1839,7 @@ const PlayerPanel = ({ selectedIndex, sideContentsVisible, initialEnter, + panelInfo, ]); const handleIndicatorUpClick = useCallback(() => { @@ -1871,6 +1881,7 @@ const PlayerPanel = ({ }, }) ); + Spotlight.focus("playVideoShopNowBox"); } } if (!sideContentsVisible) { @@ -1883,6 +1894,7 @@ const PlayerPanel = ({ selectedIndex, sideContentsVisible, initialEnter, + panelInfo, ]); useEffect(() => {