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

[PlayerPanel] live 방송일때 ItemCard 예외처리

Browse Source
This commit is contained in:
고동영
2024-05-24 15:02:34 +09:00
parent 53f3e8dfe9
commit ff20d1be59
2 changed files with 15 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -47,9 +47,6 @@ export default memo(function PlayerItemCard({
soldoutFlag, soldoutFlag,
spotlightId, spotlightId,
patnerName, patnerName,
startDt,
endDt,
timezone,
liveInfo, liveInfo,
type = TYPES.liveHorizontal, type = TYPES.liveHorizontal,
@@ -59,21 +56,23 @@ export default memo(function PlayerItemCard({
const [percent, setPercent] = useState(0); const [percent, setPercent] = useState(0);
useEffect(() => { useEffect(() => {
const localStartDt = convertUtcToLocal(liveInfo?.strtDt); if (liveInfo) {
const localEndDt = convertUtcToLocal(liveInfo?.endDt); const localStartDt = convertUtcToLocal(liveInfo?.strtDt);
const curDt = new Date(); const localEndDt = convertUtcToLocal(liveInfo?.endDt);
const localStartSec = localStartDt.getTime() / 1000; const curDt = new Date();
const localEndSec = localEndDt.getTime() / 1000; const localStartSec = localStartDt.getTime() / 1000;
const curSec = curDt.getTime() / 1000; const localEndSec = localEndDt.getTime() / 1000;
const fullSec = localEndSec - localStartSec; const curSec = curDt.getTime() / 1000;
const diff = curSec - localStartSec; const fullSec = localEndSec - localStartSec;
const diff = curSec - localStartSec;
const percent = Math.floor((diff * 100) / fullSec); let percent = Math.floor((diff * 100) / fullSec);
if (percent > 100) { if (percent > 100) {
percent = 100; percent = 100;
}
setPercent(percent);
} }
setPercent(percent);
}, [liveInfo]); }, [liveInfo]);
const _onBlur = useCallback(() => { const _onBlur = useCallback(() => {
@@ -132,7 +131,7 @@ export default memo(function PlayerItemCard({
<h3 className={css.brandName}>{patnerName}</h3> <h3 className={css.brandName}>{patnerName}</h3>
</div> </div>
<h3 className={css.title}>{productName}</h3> <h3 className={css.title}>{productName}</h3>
{endDt && startDt && ( {liveInfo && (
<div className={css.progressBarWrap}> <div className={css.progressBarWrap}>
<div className={css.progressBar}> <div className={css.progressBar}>
<div <div

3
com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx
View File

@@ -53,9 +53,6 @@ export default function LiveChannelContents({
imageSource={thumbnailUrl ? thumbnailUrl : dfltThumbnailImgPath} imageSource={thumbnailUrl ? thumbnailUrl : dfltThumbnailImgPath}
productName={showNm} productName={showNm}
patnerName={patncNm} patnerName={patncNm}
startDt={strtDt}
endDt={endDt}
timezone={timezone}
onClick={handleItemClick} onClick={handleItemClick}
type={TYPES.liveHorizontal} type={TYPES.liveHorizontal}
spotlightId={`tabChannel-video-${index}`} spotlightId={`tabChannel-video-${index}`}