diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 6fa3aae2..ec901c76 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -6,6 +6,7 @@ import { useDispatch } from "react-redux"; import { Job } from "@enact/core/util"; import Spotlight from "@enact/spotlight"; import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; +import { setContainerLastFocusedElement } from "@enact/spotlight/src/container"; import dummyVtt from "../../../assets/mock/video.vtt"; import { @@ -36,6 +37,7 @@ import Media from "../../components/VideoPlayer/Media"; import TReactPlayer from "../../components/VideoPlayer/TReactPlayer"; import { VideoPlayer } from "../../components/VideoPlayer/VideoPlayer"; import usePrevious from "../../hooks/usePrevious"; +import useWhyDidYouUpdate from "../../hooks/useWhyDidYouUpdate"; import * as Config from "../../utils/Config"; import { panel_names } from "../../utils/Config"; import { formatGMTString } from "../../utils/helperMethods"; @@ -45,7 +47,6 @@ import PlayerOverlayQRCode from "./PlayerOverlay/PlayerOverlayQRCode"; import css from "./PlayerPanel.module.less"; import PlayerTabButton from "./PlayerTabContents/TabButton/PlayerTabButton"; import TabContainer from "./PlayerTabContents/TabContaienr"; -import useWhyDidYouUpdate from "../../hooks/useWhyDidYouUpdate"; const Container = SpotlightContainerDecorator( { enterTo: "default-element", preserveld: true }, @@ -968,6 +969,7 @@ const PlayerPanel = ({ if (!playListInfo) { return; } + setContainerLastFocusedElement(null, ["playVideoShopNowBox"]); // 아이템클릭 진입시 포커스 if (!isInitialFocusOccurred) { let targetId; @@ -1068,6 +1070,7 @@ const PlayerPanel = ({ // get PlayListInfo useEffect(() => { if (!panelInfo) return; + switch (panelInfo.shptmBanrTpNm) { case "VOD": if (showDetailInfo && showDetailInfo.length > 0) {