From ff20d1be59c408752433c0367eb2cb511d65d739 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Fri, 24 May 2024 15:02:34 +0900
Subject: [PATCH] =?UTF-8?q?[PlayerPanel]=20live=20=EB=B0=A9=EC=86=A1?=
 =?UTF-8?q?=EC=9D=BC=EB=95=8C=20ItemCard=20=EC=98=88=EC=99=B8=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PlayerItemCard/PlayerItemCard.jsx         | 31 +++++++++----------
 .../TabContents/LiveChannelContents.jsx       |  3 --
 2 files changed, 15 insertions(+), 19 deletions(-)

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({
           <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
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx
index 9db472de..9c360769 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/TabContents/LiveChannelContents.jsx
@@ -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}`}