[TV앱테스트] Home / On Sale / 카테고리에서 하방향 입력시 첫번째로 이동하지 않음

[CLM] https://harmony.lge.com:8443/issue/browse/SHOPTIME-2024
 
[DESC]
 - 각스팟부분을 따로구분하여 컨테이너를 추가.

com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.jsx

@@ -22,6 +22,12 @@ const Container = SpotlightContainerDecorator(
   },
   "div"
 );
+const ContainerBasic = SpotlightContainerDecorator(
+  {
+    enterTo: "last-focused",
+  },
+  "div"
+);
 
 const SubCategory = ({ order }) => {
   const dispatch = useDispatch();
@@ -106,43 +112,47 @@ const SubCategory = ({ order }) => {
   const orderStyle = useMemo(() => ({ order: order }), [order]);
   return (
     <Container style={orderStyle}>
-      <CategoryNav
-        categoryInfos={categoryInfos}
-        currentCategoryCode={currentLgCatCd}
-        onCategoryNavClick={handleCategoryNav}
-        type="home"
-      />
-      <TScroller
-        className={css.home}
-        direction="horizontal"
-        cbScrollTo={getScrollTo}
-        noScrollByWheel
-      >
-        {categoryItemInfos &&
-          categoryItemInfos.map((item, index) => {
-            return (
-              <TItemCard
-                key={item.prdtId}
-                imageAlt={item.prdtId}
-                imageSource={item.imgUrl}
-                priceInfo={item.priceInfo}
-                productName={item.prdtNm}
-                productId={item.prdtId}
-                onFocus={index === 0 ? handleScrollReset : null}
-                onBlur={handleStopScrolling}
-                onClick={() => handleCardClick(item)}
-                offerInfo={item.offerInfo}
-              />
-            );
-          })}
+      <ContainerBasic>
+        <CategoryNav
+          categoryInfos={categoryInfos}
+          currentCategoryCode={currentLgCatCd}
+          onCategoryNavClick={handleCategoryNav}
+          type="home"
+        />
+      </ContainerBasic>
+      <ContainerBasic>
+        <TScroller
+          className={css.home}
+          direction="horizontal"
+          cbScrollTo={getScrollTo}
+          noScrollByWheel
+        >
+          {categoryItemInfos &&
+            categoryItemInfos.map((item, index) => {
+              return (
+                <TItemCard
+                  key={item.prdtId}
+                  imageAlt={item.prdtId}
+                  imageSource={item.imgUrl}
+                  priceInfo={item.priceInfo}
+                  productName={item.prdtNm}
+                  productId={item.prdtId}
+                  onFocus={index === 0 ? handleScrollReset : null}
+                  onBlur={handleStopScrolling}
+                  onClick={() => handleCardClick(item)}
+                  offerInfo={item.offerInfo}
+                />
+              );
+            })}
 
-        {drawChk && (
-          <SpottableComponent
-            className={css.addItem}
-            onClick={handleMoreCardClick}
-          ></SpottableComponent>
-        )}
-      </TScroller>
+          {drawChk && (
+            <SpottableComponent
+              className={css.addItem}
+              onClick={handleMoreCardClick}
+            ></SpottableComponent>
+          )}
+        </TScroller>
+      </ContainerBasic>
     </Container>
   );
 };