[251118] feat: LiveChannelButton

🕐 커밋 시간: 2025. 11. 18. 19:50:01

📊 변경 통계:
  • 총 파일: 4개
  • 추가: +11줄
  • 삭제: -1줄

📁 추가된 파일:
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelButton.figma.jsx
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelButton.jsx
  + com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelButton.module.less

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

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.jsx (javascript):
    🔄 Modified: Spottable()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelButton.jsx (javascript):
     Added: handleSpotlightUp()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelButton.module.less (unknown):
     Added: translateX(), focused(), gradient()
This commit is contained in:
2025-11-18 19:50:02 +09:00
parent 1b764b34d5
commit 65309f034c
4 changed files with 278 additions and 1 deletions

View File

@@ -16,6 +16,7 @@ import { SpotlightIds } from '../../../../utils/SpotlightIds';
import LiveChannelContents from '../TabContents/LiveChannelContents';
import ShopNowContents from '../TabContents/ShopNowContents';
import ShopNowButton from './ShopNowButton';
import LiveChannelButton from './LiveChannelButton';
import css from './TabContainer.v2.module.less';
const Container = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');
@@ -238,7 +239,16 @@ export default function TabContainerV2({
</>
)}
{tabVisible && tabIndex === 2 && <ShopNowButton onClick={onShopNowButtonClick} />}
{tabVisible && tabIndex === 2 && (
<>
<LiveChannelButton
channelName={playListInfo?.[0]?.showNm || 'ShopLC'}
programName={playListInfo?.[0]?.title || 'Live Channel'}
onClick={onLiveChannelButtonClick}
/>
<ShopNowButton onClick={onShopNowButtonClick} />
</>
)}
</Container>
);
}