diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx index c5b56ded..33f0ebca 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx @@ -47,9 +47,6 @@ export default memo(function PlayerItemCard({ soldoutFlag, spotlightId, patnerName, - startDt, - endDt, - timezone, liveInfo, type = TYPES.liveHorizontal, @@ -59,21 +56,23 @@ export default memo(function PlayerItemCard({ const [percent, setPercent] = useState(0); useEffect(() => { - const localStartDt = convertUtcToLocal(liveInfo?.strtDt); - const localEndDt = convertUtcToLocal(liveInfo?.endDt); - const curDt = new Date(); - const localStartSec = localStartDt.getTime() / 1000; - const localEndSec = localEndDt.getTime() / 1000; - const curSec = curDt.getTime() / 1000; - const fullSec = localEndSec - localStartSec; - const diff = curSec - localStartSec; + if (liveInfo) { + const localStartDt = convertUtcToLocal(liveInfo?.strtDt); + const localEndDt = convertUtcToLocal(liveInfo?.endDt); + const curDt = new Date(); + const localStartSec = localStartDt.getTime() / 1000; + const localEndSec = localEndDt.getTime() / 1000; + const curSec = curDt.getTime() / 1000; + 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) { - percent = 100; + if (percent > 100) { + percent = 100; + } + setPercent(percent); } - setPercent(percent); }, [liveInfo]); const _onBlur = useCallback(() => { @@ -132,7 +131,7 @@ export default memo(function PlayerItemCard({

{patnerName}

{productName}

- {endDt && startDt && ( + {liveInfo && (