[251006] feat: views - PlayerPanel.jsx, ShopNowContainer.jsx, ShopNowC...

🕐 커밋 시간: 2025. 10. 06. 17:28:31

📊 변경 통계:
  • 총 파일: 7개
  • 추가: +86줄
  • 삭제: -30줄

📁 추가된 파일:
  + com.twin.app.shoptime/assets/images/player/icon_tabcontainer_shopnow.png
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowItem.jsx
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowItem.module.less
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShowNowContainer.figma.jsx

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowContainer.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowContainer.module.less

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowContainer.module.less (unknown):
     Added: gradient(), position()
     Deleted: gradient(), position()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowItem.module.less (unknown):
     Added: focused()
This commit is contained in:
2025-10-06 17:28:33 +09:00
parent ea5a855019
commit a483264c39
7 changed files with 836 additions and 30 deletions

View File

@@ -1744,15 +1744,17 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
);
}, [sideContentsVisible, playListInfo, panelInfo, isOnTop]);
const [belowContentsVisible, setBelowContentsVisible] = USE_STATE('belowContentsVisible', true);
const showBelowContents = useMemo(() => {
return (
sideContentsVisible &&
belowContentsVisible &&
playListInfo &&
panelInfo?.shptmBanrTpNm !== 'MEDIA' &&
!panelInfo?.modal &&
isOnTop
);
}, [sideContentsVisible, playListInfo, panelInfo, isOnTop]);
}, [belowContentsVisible, playListInfo, panelInfo, isOnTop]);
const qrCurrentItem = useMemo(() => {
if (shopNowInfo?.length && panelInfo?.shptmBanrTpNm === 'LIVE') {
@@ -1961,6 +1963,11 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
spotlightRestrict="self-only"
spotlightId="spotlightId-video-contaienr"
onKeyDown={onKeyDown}
onClick={() => {
if (!panelInfo?.modal && isOnTop && panelInfo?.shptmBanrTpNm !== 'MEDIA') {
setBelowContentsVisible((prev) => !prev);
}
}}
>
{isReadyToPlay && (
<VideoPlayer