optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[251019] fix: PlayerPanel Optimization-1

Browse Source 
🕐 커밋 시간: 2025. 10. 19. 21:45:39

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

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/actions/productActions.js
  ~ com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.jsx
  ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
  ~ com.twin.app.shoptime/src/hooks/useReviews/useReviews.js
  ~ com.twin.app.shoptime/src/reducers/productReducer.js
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviews.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/FeaturedShowContents.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.jsx

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/actions/productActions.js (javascript):
    🔄 Modified: resetShowAllReviews()
  📄 com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviews.jsx (javascript):
    🔄 Modified: SpotlightContainerDecorator()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabButton/PlayerTabButton.jsx (javascript):
    ❌ Deleted: handleTabOnClick()
  📄 com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/TabContainer.v2.jsx (javascript):
    🔄 Modified: Spottable()

🔧 주요 변경 내용:
  • 핵심 비즈니스 로직 개선
  • UI 컴포넌트 아키텍처 개선
This commit is contained in:
hyeon soo noh
2025-10-19 21:45:44 +09:00
parent c44866f2d1
commit 95bb25a135
11 changed files with 195 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
View File

@@ -269,7 +269,9 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
const vodLogParamsRef = useRef(null);
const mediaLogParamsRef = useRef(null);
const prevNowMenuRef = useRef(null);
const watchInterval = useRef(null);
const watchIntervalLive = useRef(null);
const watchIntervalVod = useRef(null);
const watchIntervalMedia = useRef(null);
// useEffect(() => {
// console.log("###videoLoaded", videoLoaded);
// if (nowMenu) {
@@ -443,7 +445,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalLive.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...liveLogParamsRef.current,
@@ -458,7 +460,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isModalLiveLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalLive.current);
dispatch(
sendLogLive({ ...liveLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -476,7 +478,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalLive.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...liveLogParamsRef.current,
@@ -491,7 +493,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isFullLiveLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalLive.current);
dispatch(
sendLogLive({ ...liveLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -509,7 +511,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalLive.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...liveLogParamsRef.current,
@@ -524,7 +526,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isDetailLiveLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalLive.current);
dispatch(
sendLogLive({ ...liveLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -596,7 +598,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalVod.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...vodLogParamsRef.current,
@@ -611,7 +613,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isModalVodLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalVod.current);
dispatch(
sendLogVOD({ ...vodLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -629,7 +631,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalVod.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...vodLogParamsRef.current,
@@ -644,7 +646,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isFullVodLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalVod.current);
dispatch(
sendLogVOD({ ...vodLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -662,7 +664,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalVod.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...vodLogParamsRef.current,
@@ -677,7 +679,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isDetailVodLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalVod.current);
dispatch(
sendLogVOD({ ...vodLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -752,7 +754,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
if (logStatus.isModalMediaLogReady && panelInfo?.modal) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalMedia.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...mediaLogParamsRef.current,
@@ -767,7 +769,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isModalMediaLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalMedia.current);
dispatch(
sendLogVOD({ ...mediaLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))
@@ -781,7 +783,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
if (logStatus.isFullMediaLogReady && !panelInfo?.modal) {
let watchStrtDt = formatGMTString(new Date());
watchInterval.current = setInterval(() => {
watchIntervalMedia.current = setInterval(() => {
let watchEndDt = formatGMTString(new Date());
let watchRecord = {
...mediaLogParamsRef.current,
@@ -796,7 +798,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
...status,
isFullMediaLogReady: false,
}));
clearInterval(watchInterval.current);
clearInterval(watchIntervalMedia.current);
dispatch(
sendLogVOD({ ...mediaLogParamsRef.current, watchStrtDt }, () =>
dispatch(changeLocalSettings({ watchRecord: {} }))