[251006] feat: views - PlayerPanel.jsx, BelowTabContainer.jsx, BelowTa...

🕐 커밋 시간: 2025. 10. 06. 16:40:08

📊 변경 통계:
  • 총 파일: 6개
  • 추가: +51줄
  • 삭제: -109줄

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

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

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx (javascript):
    ❌ Deleted: handleChannelClick()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelContents.module.less (unknown):
    ✅ Added: child()

Performance: 코드 최적화로 성능 개선 기대

com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx

@@ -2059,39 +2059,16 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
 
         {showBelowContents && (
           <BelowTabContainer
-            channelList={[
-              {
-                channelName: 'QVC',
-                programName: 'JAI Jewelry',
-                logoSrc: 'https://via.placeholder.com/40',
-                thumbnailSrc: 'https://via.placeholder.com/212x119',
-                progressPercent: 65,
-                backgroundColor: '#FFFFFF',
-              },
-              {
-                channelName: 'ShopLC',
-                programName: 'JAI Jewelry',
-                logoSrc: 'https://via.placeholder.com/40',
-                thumbnailSrc: 'https://via.placeholder.com/212x119',
-                progressPercent: 65,
-                backgroundColor: '#FFFFFF',
-              },
-              {
-                channelName: 'HSN',
-                programName: 'JAI Jewelry',
-                logoSrc: 'https://via.placeholder.com/40',
-                thumbnailSrc: 'https://via.placeholder.com/212x119',
-                progressPercent: 65,
-                backgroundColor: '#1E77BC',
-              },
-              {
-                channelName: 'QVC',
-                programName: 'JAI Jewelry',
-                logoSrc: 'https://via.placeholder.com/40',
-                thumbnailSrc: 'https://via.placeholder.com/212x119',
-                progressPercent: 65,
-                backgroundColor: '#FFFFFF',
-              },
+            panelInfo={panelInfo}
+            liveInfos={playListInfo}
+            currentTime={currentTime}
+            setSelectedIndex={setSelectedIndex}
+            videoVerticalVisible={videoVerticalVisible}
+            currentVideoShowId={playListInfo && playListInfo[selectedIndex]?.showId}
+            handleItemFocus={handleItemFocus}
+            tabTitle={[
+              $L('SHOP NOW'),
+              panelInfo?.shptmBanrTpNm === 'LIVE' ? $L('LIVE CHANNEL') : $L('FEATURED SHOWS'),
             ]}
           />
         )}