[PlayerPanel] SHOPNOW focus 초기화화

This commit is contained in:
고동영
2024-07-29 13:45:25 +09:00
parent 7f2a4c1e61
commit a57610fe29

View File

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