[PlayerPanel] SHOPNOW focus 초기화화
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user