From de74b507e09d74a9ca0433e9ec2ef5dbfef7cf72 Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Thu, 28 Mar 2024 19:46:48 +0900
Subject: [PATCH] [FeaturedBrandsPanel] API response test commit
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. LoadingPanel, wait delay, 임시 0 설정
---
 .../FeaturedBrandsPanel.jsx                   | 37 ++++++++++++-------
 .../LiveVideoCard/LiveVideoCard.module.less   |  2 +-
 .../src/views/LoadingPanel/LoadingPanel.jsx   |  2 +-
 3 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBrandsPanel.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBrandsPanel.jsx
index d8b6aee1..edbdae15 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBrandsPanel.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBrandsPanel.jsx
@@ -270,30 +270,41 @@ export default function FeaturedBrandsPanel() {
     };
   }, []);
 
+  // @@pyh Todo, test ref
+  const timerRef = useRef();
   useEffect(() => {
     if (brandInfo && selectedPatnrId) {
+      dispatch(
+        getBrandCategoryInfo({
+          patnrId: selectedPatnrId,
+        })
+      );
+      dispatch(getBrandRecommendedShowInfo({ patnrId: selectedPatnrId }));
+
+      // @@pyh Todo, test timeout
+      timerRef.current = setTimeout(() => {
+        dispatch(getBrandLiveChannelInfo({ patnrId: selectedPatnrId }));
+        dispatch(getBrandLayoutInfo({ patnrId: selectedPatnrId }));
+        dispatch(getBrandSeriesInfo({ patnrId: selectedPatnrId }));
+        dispatch(getBrandTSVInfo({ patnrId: selectedPatnrId }));
+        dispatch(getBrandBestSeller({ patnrId: selectedPatnrId }));
+        dispatch(getBrandCreatorsInfo({ patnrId: selectedPatnrId }));
+      }, 50);
+
       setSelectedBrandInfo(findItemByValue(brandInfo, selectedPatnrId));
       setSelectedCatCd();
       setSelectedHstNm();
       setSelectedSeriesId();
       setSelectedCatCdLv1();
       setSelectedCatCdLv2();
-
-      dispatch(getBrandLayoutInfo({ patnrId: selectedPatnrId }));
-      dispatch(getBrandLiveChannelInfo({ patnrId: selectedPatnrId }));
-      dispatch(getBrandTSVInfo({ patnrId: selectedPatnrId }));
-      dispatch(getBrandBestSeller({ patnrId: selectedPatnrId }));
-      dispatch(getBrandRecommendedShowInfo({ patnrId: selectedPatnrId }));
-      dispatch(getBrandCreatorsInfo({ patnrId: selectedPatnrId }));
-      dispatch(getBrandSeriesInfo({ patnrId: selectedPatnrId }));
-      dispatch(
-        getBrandCategoryInfo({
-          patnrId: selectedPatnrId,
-        })
-      );
     }
   }, [brandInfo, dispatch, selectedPatnrId]);
 
+  // @@pyh Todo, test unmounted
+  useEffect(() => {
+    return () => clearTimeout(timerRef);
+  }, []);
+
   useEffect(() => {
     if (selectedCatCd) {
       dispatch(
diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less
index e7927473..d620a5ec 100644
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannelsVerticalContents/LiveVideoCard/LiveVideoCard.module.less
@@ -79,7 +79,7 @@
 
   .player {
     .position(@position: absolute, @top: 0, @left: 0);
-    z-index: 10;
+    // z-index: 10;
     height: 564px;
 
     &.horizontal {
diff --git a/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx b/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
index 474ff580..23e57646 100644
--- a/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
+++ b/com.twin.app.shoptime/src/views/LoadingPanel/LoadingPanel.jsx
@@ -17,7 +17,7 @@ import TPopUp from "../../components/TPopUp/TPopUp";
 import { $L } from "../../utils/helperMethods";
 import css from "./LoadingPanel.module.less";
 
-const MIN_SHOWING_TIME = { launching: 2000, wait: 1000, default: 1000 };
+const MIN_SHOWING_TIME = { launching: 2000, wait: 0, default: 1000 };
 const MAX_SHOWING_TIME = 20000;
 const MAX_SHOWING_TIME_UNLIMITED = Number.MAX_SAFE_INTEGER;
 const DUMMY_DELAY = 1000;