diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx index a9fab64d..da474dbf 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx @@ -1,14 +1,24 @@ -import React, { useCallback, useEffect, useMemo, useRef } from 'react'; +import React, { + useCallback, + useEffect, + useMemo, + useRef, +} from 'react'; import classNames from 'classnames'; -import { useDispatch, useSelector } from 'react-redux'; +import { + useDispatch, + useSelector, +} from 'react-redux'; import Spotlight from '@enact/spotlight'; -import SpotlightContainerDecorator from '@enact/spotlight/SpotlightContainerDecorator'; +import SpotlightContainerDecorator + from '@enact/spotlight/SpotlightContainerDecorator'; import Spottable from '@enact/spotlight/Spottable'; import Marquee from '@enact/ui/Marquee'; -import defaultLogoImg from '../../../../assets/images/ic-tab-partners-default@3x.png'; +import defaultLogoImg + from '../../../../assets/images/ic-tab-partners-default@3x.png'; import { setShowPopup } from '../../../actions/commonActions'; import CustomImage from '../../../components/CustomImage/CustomImage'; import { ACTIVE_POPUP } from '../../../utils/Config'; @@ -388,7 +398,7 @@ function PlayerOverlayContents({ e.preventDefault(); // tabIndexV2가 2일 때만 ShopNowButton으로 포커스 if (tabContainerVersion === 2 && tabIndexV2 === 2) { - Spotlight.focus('below-tab-shop-now-button'); + Spotlight.focus('live-channel-next-button'); } }} aria-label="Caption" diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx index c64bac36..ab2c6e76 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx @@ -1,11 +1,16 @@ import React from 'react'; +import { compose } from 'ramda/src/compose'; + import Spotlight from '@enact/spotlight'; import Spottable from '@enact/spotlight/Spottable'; -import { Marquee, MarqueeController } from '@enact/ui/Marquee'; -import { compose } from 'ramda/src/compose'; +import { + Marquee, + MarqueeController, +} from '@enact/ui/Marquee'; -import icon_arrow_dwon from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png'; +import icon_arrow_dwon + from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png'; import CustomImage from '../../../../components/CustomImage/CustomImage'; import { SpotlightIds } from '../../../../utils/SpotlightIds'; import css from './LiveChannelNext.module.less'; @@ -23,9 +28,8 @@ export default function LiveChannelNext({ const handleSpotlightUp = (e) => { e.stopPropagation(); e.preventDefault(); - Spotlight.focus(SpotlightIds.PLAYER_BACK_BUTTON); + Spotlight.focus('player-subtitlebutton'); }; - const handleSpotlightDown = (e) => { e.stopPropagation(); e.preventDefault();