[OnSalePanel] fix issue, SHOPTIME-3438

changed files:
1. OnSalePanel.jsx

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

@@ -122,7 +122,7 @@ export default function OnSalePanel({ panelInfo, spotlightId }) {
   }, [dispatch, selectedLgCatCd]);
 
   useEffect(() => {
-    if (categories && saleInfos) {
+    if (categories && saleInfos && Object.keys(saleInfos).length > 0) {
       const prdtId = saleInfos[0]?.saleProductInfos[0]?.prdtId;
 
       if (prdtId) {
@@ -165,8 +165,8 @@ export default function OnSalePanel({ panelInfo, spotlightId }) {
           }
         }
 
-        dispatch(changeAppStatus({ showLoadingPanel: { show: false } }));
         setIsInitialFocusOccurred(true);
+        dispatch(changeAppStatus({ showLoadingPanel: { show: false } }));
       });
     }
   }, [
@@ -298,11 +298,7 @@ export default function OnSalePanel({ panelInfo, spotlightId }) {
   }, []);
 
   return (
-    <TPanel
-      className={css.tPanel}
-      spotlightId={spotlightId}
-      spotlightDisabled={spotlightDisabled}
-    >
+    <TPanel className={css.tPanel} spotlightId={spotlightId}>
       {categories && (
         <>
           <OnSaleNav
@@ -313,7 +309,11 @@ export default function OnSalePanel({ panelInfo, spotlightId }) {
             setSelectedLgCatNm={setSelectedLgCatNm}
           />
 
-          <TBody className={css.tBody} scrollable={false}>
+          <TBody
+            className={css.tBody}
+            scrollable={false}
+            spotlightDisabled={spotlightDisabled}
+          >
             {saleInfos && (
               <TVerticalPagenator
                 className={css.tVerticalPagenator}