diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 17b85b3e..ccd85ba4 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -888,11 +888,15 @@ const PlayerPanel = ({ }, [isInitialFocusOccurred, panelInfo]); useEffect(() => { + if (panelInfo.isUpdatedByClick) { + return; + } if (!panelInfo.modal && !videoVerticalVisible && playListInfo) { Spotlight.focus("player-tab-arrow"); } }, [ panelInfo.modal, + panelInfo.isUpdatedByClick, sideContentsVisible, playListInfo, videoVerticalVisible, diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx index 54a9ba88..d4a4b2dc 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx @@ -1,11 +1,14 @@ import React, { useCallback, useEffect } from "react"; import classNames from "classnames"; +import { useDispatch } from "react-redux"; import Spotlight from "@enact/spotlight"; import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import Spottable from "@enact/spotlight/Spottable"; +import { updatePanel } from "../../../../actions/panelActions"; +import { panel_names } from "../../../../utils/Config"; import css from "./PlayerTabButton.module.less"; const SpottableComponent = Spottable("button"); @@ -18,7 +21,16 @@ export default function PlayerTabButton({ setSideContentsVisible, onSpotlightLeft, }) { + const dispatch = useDispatch(); const handleTabOnClick = (e) => { + dispatch( + updatePanel({ + name: panel_names.PLAYER_PANEL, + panelInfo: { + isUpdatedByClick: false, + }, + }) + ); setSideContentsVisible((prev) => !prev); }; diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx index 4dbf4ec3..f5ff9aca 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx @@ -43,6 +43,7 @@ export default function FeaturedShowContents({ showId, lgCatCd, shptmBanrTpNm: "VOD", + isUpdatedByClick: true, }, }) ); diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx index 138841c8..72a8745b 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx @@ -61,6 +61,7 @@ export default function LiveChannelContents({ showId, shptmBanrTpNm: "LIVE", lgCatCd: catCd, + isUpdatedByClick: true, }, }) );