ShopTime-4011 수정 및 onSaleNav 포커싱및 스크롤이동안되는 문제 추가수수정

com.twin.app.shoptime/src/views/OnSalePanel/OnSaleNav/OnSaleNav.jsx

@@ -7,6 +7,7 @@ import TScroller from "../../../components/TScroller/TScroller";
 import useScrollTo from "../../../hooks/useScrollTo";
 import css from "./OnSaleNav.module.less";
 import OnSaleNavItem from "./OnSaleNavItem/OnSaleNavItem";
+import Spotlight from "@enact/spotlight";
 
 const Container = SpotlightContainerDecorator(
   { leaveFor: { right: "" }, enterTo: "last-focused" },
@@ -59,22 +60,27 @@ export default function OnSaleNav({
 
         const x = offsetFromContainerLeft - containerWidth + clippedWidth;
 
-        scrollLeft({ x });
+        setTimeout(() => {
+          scrollLeft({ x });
+        }, 100);
       }
     }
   }, [panelInfoLgCatCd, scrollLeft]);
 
   useEffect(() => {
-    if (panelInfoLgCatCd && previousPanelIsDetail) {
+    if (panelInfoLgCatCd) {
-      const node = document //
+      const node = document.querySelector(
-        .querySelector(`[data-spotlight-id=spotlightId-${panelInfoLgCatCd}]`);
+        `[data-spotlight-id=spotlightId-${panelInfoLgCatCd}]`
-
+      );
       if (node) {
         const containerId = "on-sale-nav";
         setContainerLastFocusedElement(node, [containerId]);
       }
+      setTimeout(() => {
+        Spotlight.focus(node);
+      }, 100);
     }
-  }, [panelInfoLgCatCd, previousPanelIsDetail]);
+  }, [panelInfoLgCatCd]);
 
   return (
     <Container

com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.jsx

@@ -107,13 +107,9 @@ export default function OnSalePanel({ panelInfo, spotlightId }) {
       if (categoryInfos) {
         dispatch(copyCategoryInfos(categoryInfos));
         setCategories(categoryInfos);
-        if (!selectedLgCatCd && !selectedLgCatNm) {
+        setSelectedLgCatCd(panelInfo?.lgCatCd);
-          setSelectedLgCatCd(categoryInfos[0].lgCatCd);
+        setSelectedLgCatNm(panelInfo?.lgCatNm);
-          setSelectedLgCatNm(categoryInfos[0].lgCatNm);
-        }
       }
-      setSelectedLgCatCd(panelInfo?.lgCatCd);
-      setSelectedLgCatNm(panelInfo?.lgCatNm);
     }
   }, [
     categories,