From 949c7fad1af04d878dc4d5d60110b76b43b7707a Mon Sep 17 00:00:00 2001
From: "sungmin.in" <sungmin.in@lgepartner.com>
Date: Thu, 25 Jul 2024 10:52:46 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-2988]=20=EB=A1=9C=EB=94=A9=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/HomePanel/HomeBanner/RandomUnit.jsx   | 13 ++++++++-----
 .../src/views/HomePanel/HomeBanner/RollingUnit.jsx  |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx
index c76f17d9..3c06947c 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx
@@ -44,10 +44,10 @@ export default function RandomUnit({
   handleItemFocus,
   randomNumber,
 }) {
-  const bannerDetailInfos = bannerData.bannerDetailInfos;
-
   const dispatch = useDispatch();
 
+  const bannerDetailInfos = bannerData.bannerDetailInfos;
+
   const shptmTmplCd = useSelector(
     (state) => state.home?.bannerData?.shptmTmplCd
   );
@@ -72,6 +72,8 @@ export default function RandomUnit({
   const bannerDataRef = useRef(bannerData);
   const randomDataRef = useRef(bannerDetailInfos[randomNumber]);
 
+  const loadingComplete = useSelector((state) => state.common?.loadingComplete);
+
   const topContentsLogInfo = useMemo(() => {
     if (randomDataRef.current) {
       const currentRandomData = randomDataRef.current;
@@ -325,6 +327,8 @@ export default function RandomUnit({
       })
     );
 
+    dispatch(finishVideoPreview());
+
     dispatch(
       sendLogTopContents({
         ...topContentsLogInfo,
@@ -332,7 +336,6 @@ export default function RandomUnit({
         logTpNo: LOG_TP_NO.TOP_CONTENTS.CLICK,
       })
     );
-    dispatch(finishVideoPreview());
   }, [dispatch, randomData?.patnrId, randomData?.prdtId, topContentsLogInfo]);
 
   // 비디오 클릭
@@ -472,8 +475,8 @@ export default function RandomUnit({
               />
             </div>
           </SpottableComponent>
-        ) : randomData?.shptmBanrTpNm == "LIVE" ||
-          randomData?.shptmBanrTpNm == "VOD" ? (
+        ) : (loadingComplete && randomData?.shptmBanrTpNm == "LIVE") ||
+          (loadingComplete && randomData?.shptmBanrTpNm == "VOD") ? (
           <SpottableComponent
             className={classNames(
               css.itemBox,
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx
index 61ca17ce..9f84bcbd 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx
@@ -202,9 +202,9 @@ export default function RollingUnit({
     if (handleItemFocus) {
       handleItemFocus();
     }
-
     rollingStart(true);
     setRollingFocus(true);
+    dispatch(finishVideoPreview());
   }, [handleItemFocus, rollingStart]);
 
   // 배너 포커스 아웃