From 6b1ba0982002ba90b8189c0a6bb4e3fcdf03c243 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Tue, 20 Feb 2024 18:56:55 +0900
Subject: [PATCH] =?UTF-8?q?[HomePanel]=20BestSeller=20=EB=9E=AD=ED=81=AC?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EA=B4=80=EB=A0=A8=EC=B2=98=EB=A6=AC=20=20?=
 =?UTF-8?q?-=20props=20=EB=B6=80=EB=B6=84=20=EC=B6=94=EA=B0=80=20=20-=20cs?=
 =?UTF-8?q?s=20=ED=95=84=EC=9A=94=EC=97=86=EB=8A=94=20=EB=B6=80=EB=B6=84?=
 =?UTF-8?q?=20=EC=A0=9C=EA=B1=B0=20.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/HomePanel/BestSeller/BestSeller.jsx | 28 ++++++++-----------
 .../BestSeller/BestSeller.module.less         |  1 -
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
index 6beb631a..54fc188a 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
@@ -1,17 +1,15 @@
-import React from 'react';
+import React from "react";
 
-import { useSelector } from 'react-redux';
+import { useSelector } from "react-redux";
 
-import {
-  SpotlightContainerDecorator,
-} from '@enact/spotlight/SpotlightContainerDecorator';
-import Spottable from '@enact/spotlight/Spottable';
+import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
+import Spottable from "@enact/spotlight/Spottable";
 
-import SectionTitle from '../../../components/SectionTitle/SectionTitle';
-import TItemCard from '../../../components/TItemCard/TItemCard';
-import TScroller from '../../../components/TScroller/TScroller';
-import { $L } from '../../../utils/helperMethods';
-import css from './BestSeller.module.less';
+import SectionTitle from "../../../components/SectionTitle/SectionTitle";
+import TItemCard from "../../../components/TItemCard/TItemCard";
+import TScroller from "../../../components/TScroller/TScroller";
+import { $L } from "../../../utils/helperMethods";
+import css from "./BestSeller.module.less";
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -28,11 +26,7 @@ const BestSeller = () => {
     <Container className={css.bestSellerWrap}>
       <SectionTitle title={$L(`BEST SELLER`)} />
 
-      <TScroller
-        className={css.homeBestSeller}
-        focusableScrollbar={true}
-        direction="horizontal"
-      >
+      <TScroller className={css.homeBestSeller} direction="horizontal">
         {bestSellerDatas &&
           bestSellerDatas.map((item, index) => (
             <TItemCard
@@ -41,6 +35,8 @@ const BestSeller = () => {
               imageSource={item.imgUrl}
               priceInfo={item.priceInfo}
               productName={item.prdtNm}
+              isBestSeller={true}
+              rank={item.rankOrd}
             />
           ))}
 
diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.module.less b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.module.less
index 58731af2..7d6deb23 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.module.less
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.module.less
@@ -12,7 +12,6 @@
   }
 
   .homeBestSeller {
-    --scroll-overscroll-translate-horizontal: translateX(-1px);
     > div {
       padding: 20px 60px 30px 60px;
       display: flex;