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,
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({
<h3 className={css.brandName}>{patnerName}</h3>
</div>
<h3 className={css.title}>{productName}</h3>
{endDt && startDt && (
{liveInfo && (
<div className={css.progressBarWrap}>
<div className={css.progressBar}>
<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}
productName={showNm}
patnerName={patncNm}
startDt={strtDt}
endDt={endDt}
timezone={timezone}
onClick={handleItemClick}
type={TYPES.liveHorizontal}
spotlightId={`tabChannel-video-${index}`}