[SHOPTIME-2949] OnSale / 포커스를 우측으로 이동 시 맨 끝에 있는 아이템의 할인 뱃지가 표시되지 않는 현상

변경 파일:
1. OnSaleProductList.jsx
2. OnSaleProductList.module.less

변경 내용:
1. 불필요 주석 제거
2. flex 옵션 제거

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

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useEffect, useRef } from "react";
+import React, { useCallback, useEffect, useRef } from "react";
 
 import { useDispatch, useSelector } from "react-redux";
 
@@ -16,10 +16,8 @@ import useScrollTo from "../../../../hooks/useScrollTo";
 import { panel_names } from "../../../../utils/Config";
 import {
   getTranslate3dValueByDirection,
-  // scaleH,
   scaleW,
 } from "../../../../utils/helperMethods";
-// import { SpotlightIds } from "../../../../utils/SpotlightIds";
 import css from "./OnSaleProductList.module.less";
 
 const Container = SpotlightContainerDecorator(
@@ -27,7 +25,7 @@ const Container = SpotlightContainerDecorator(
   "div"
 );
 
-export default memo(function OnSaleProductList({
+export default function OnSaleProductList({
   contentsIndex,
   isTopButtonClicked,
   saleProductInfos,
@@ -39,10 +37,6 @@ export default memo(function OnSaleProductList({
 
   const panelInfo = useSelector((state) => state.panels.panels[0]?.panelInfo);
 
-  // const cursorVisible = useSelector(
-  //   (state) => state.common.appStatus.cursorVisible
-  // );
-
   const scrollLeftJob = useRef(new Job((func) => func(), 0));
 
   useEffect(() => {
@@ -130,10 +124,6 @@ export default memo(function OnSaleProductList({
   const handleClick = useCallback(
     (patnrId, prdtId) => (e) => {
       const tItemCard = e.currentTarget;
-      // const tBody = document.querySelector(
-      //   `[id="${SpotlightIds.TBODY}"]`
-      // );
-
       const xContainer = tItemCard?.parentNode?.parentNode;
 
       if (xContainer) {
@@ -157,12 +147,6 @@ export default memo(function OnSaleProductList({
     [dispatch]
   );
 
-  // const handleFocus = useCallback(() => {
-  //   if (cursorVisible) {
-  //     return;
-  //   }
-  // }, [cursorVisible]);
-
   const renderItem = useCallback(
     ({ index, ...rest }) => {
       const { imgUrl, lgCatCd, patnrId, prdtNm, prdtId, priceInfo, offerInfo } =
@@ -175,7 +159,6 @@ export default memo(function OnSaleProductList({
           imageAlt={prdtNm}
           imageSource={imgUrl}
           onClick={handleClick(patnrId, prdtId)}
-          // onFocus={handleFocus}
           priceInfo={priceInfo}
           productId={prdtId}
           productName={prdtNm}
@@ -186,12 +169,7 @@ export default memo(function OnSaleProductList({
         />
       );
     },
-    [
-      contentsIndex,
-      handleClick,
-      // handleFocus,
-      saleProductInfos,
-    ]
+    [contentsIndex, handleClick, saleProductInfos]
   );
 
   return (
@@ -214,4 +192,4 @@ export default memo(function OnSaleProductList({
       )}
     </Container>
   );
-});
+}

com.twin.app.shoptime/src/views/OnSalePanel/OnSaleContents/OnSaleProductList/OnSaleProductList.module.less

@@ -2,7 +2,6 @@
 @import "../../../../style/utils.module.less";
 
 .container {
-  display: flex;
   position: relative;
   .size(@w: 100%, @h: 438px);
   padding-right: 18px;