From 5122ed18940be05fa427b1a374333982dcf2cdd9 Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Wed, 27 Mar 2024 17:11:45 +0900
Subject: [PATCH] =?UTF-8?q?[OnSalePanel]=20CategoryNav=20=EB=85=B8?=
 =?UTF-8?q?=EC=B6=9C=20=EC=A1=B0=EA=B1=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :
---
 .../src/views/OnSalePanel/OnSalePanel.jsx      | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.jsx
index d5705468..fc1aef62 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.jsx
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.jsx
@@ -72,7 +72,9 @@ export default function OnSalePanel() {
         getOnSaleInfo({ lgCatCd: selectedLgCatCd, saleInfosIncFlag: "Y" })
       );
 
-      Spotlight.focus("spotlightId-" + selectedLgCatCd);
+      timerRef.current = setTimeout(() =>
+        Spotlight.focus("spotlightId-" + selectedLgCatCd)
+      );
     }
   }, [selectedLgCatCd, dispatch]);
 
@@ -105,12 +107,14 @@ export default function OnSalePanel() {
 
   return (
     <TPanel className={css.tPanel} id={"tPanel"}>
-      <OnSaleNav
-        categoryInfos={categories}
-        scrollTop={scrollTop}
-        selectedLgCatCd={selectedLgCatCd}
-        setSelectedLgCatCd={setSelectedLgCatCd}
-      />
+      {categories && categories.length > 0 && (
+        <OnSaleNav
+          categoryInfos={categories}
+          scrollTop={scrollTop}
+          selectedLgCatCd={selectedLgCatCd}
+          setSelectedLgCatCd={setSelectedLgCatCd}
+        />
+      )}
 
       <TBody className={css.tBody} cbScrollTo={getScrollTo}>
         {saleInfos &&