[TV앱테스트]Home / Popular show, Best Seller / + 아이콘 눌러도 아무 반응 없음

[CLM] https://harmony.lge.com:8443/issue/browse/SHOPTIME-2307
 
[DESC]
 - 더보기 관련 작업중에 링크부분이 잘못들어가있었던 부분 수정.

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

@@ -145,12 +145,11 @@ const BestSeller = ({ order, scrollTopBody, panelInfo }) => {
           )}
 
         {drawChk && (
-          <div
-            className={css.addItem}
+          <div className={css.addItem} onFocus={handleScrollRight}>
+            <SpottableComponent
+              className={css.displayBox}
               onClick={handleMoreCardClick}
-            onFocus={handleScrollRight}
-          >
-            <SpottableComponent className={css.displayBox}></SpottableComponent>
+            ></SpottableComponent>
           </div>
         )}
       </TScroller>

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

@@ -160,12 +160,11 @@ const PopularShow = ({ homeChk = true, order, scrollTopBody, ...rest }) => {
           )}
 
         {drawChk && homeChk === true && (
-          <div
-            className={css.addItem}
+          <div className={css.addItem} onFocus={handleScrollRight}>
+            <SpottableComponent
+              className={css.displayBox}
               onClick={handleMoreCardClick}
-            onFocus={handleScrollRight}
-          >
-            <SpottableComponent className={css.displayBox}></SpottableComponent>
+            ></SpottableComponent>
           </div>
         )}
       </TScroller>

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

@@ -45,8 +45,9 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
   const categoryInfos = useSelector(
     (state) => state.onSale.onSaleData?.data.categoryInfos
   );
+
   const categoryItemInfos = useSelector(
-    (state) => state.main.subCategoryData?.categoryItemInfos?.subCatItemList
+    (state) => state.main.subCategoryData?.categoryItemInfos
   );
 
   const [currentLgCatCd, setCurrentLgCatCd] = useState(catCd ? catCd : null);
@@ -87,8 +88,8 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
         {
           name: panel_names.CATEGORY_PANEL,
           panelInfo: {
-            lgCatCd: categoryItemInfos[0].lgCatCd,
-            lgCatNm: categoryItemInfos[0].catNm,
+            lgCatCd: categoryItemInfos?.lgCatCd,
+            lgCatNm: categoryItemInfos?.catNm,
             tab: 1,
           },
         },
@@ -98,8 +99,8 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
   });
   useEffect(() => {
     if (categoryInfos && !currentLgCatCd) {
-      const initialLgCatCd = categoryInfos[0].lgCatCd;
-      const initialLgCatNm = categoryInfos[0].catNm;
+      const initialLgCatCd = categoryInfos.lgCatCd;
+      const initialLgCatNm = categoryInfos.catNm;
       setCurrentLgCatCd(initialLgCatCd);
       setCurrentLgCatNm(initialLgCatNm);
     }
@@ -129,7 +130,7 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
 
   useEffect(() => {
     if (categoryItemInfos) {
-      const prdtId = categoryItemInfos[0].prdtId;
+      const prdtId = categoryItemInfos?.subCatItemList.prdtId;
       setTargetId("spotlightId-" + removeDotAndColon(prdtId));
     }
   }, [categoryItemInfos]);
@@ -204,7 +205,7 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
           noScrollByWheel
         >
           {categoryItemInfos &&
-            categoryItemInfos.map(
+            categoryItemInfos?.subCatItemList.map(
               (
                 {
                   prdtId,
@@ -236,15 +237,12 @@ const SubCategory = ({ order, scrollTopBody, catCd }) => {
             )}
 
           {drawChk && (
-            <div
-              className={css.addItem}
-              onClick={handleMoreCardClick}
-              onFocus={handleScrollRight}
-            >
+            <div className={css.addItem} onFocus={handleScrollRight}>
               <SpottableComponent
                 className={css.displayBox}
                 spotlightId={"home-cate-more-btn"}
                 data-catcd-num={currentLgCatCd}
+                onClick={handleMoreCardClick}
               ></SpottableComponent>
             </div>
           )}