From a9c3c5a0ea066882d0eaacc77c78c91f36cd5aa4 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Wed, 14 Feb 2024 18:46:36 +0900
Subject: [PATCH] =?UTF-8?q?[HomePanel]BestSeller=20=EB=B6=80=EB=B6=84=20?=
 =?UTF-8?q?=ED=98=B8=EC=B6=9C=20=EB=B3=80=EA=B2=BD=20=20-=20BestSellerItem?=
 =?UTF-8?q?=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/HomePanel/BestSeller/BestSeller.jsx | 13 ++++++++----
 .../BestSeller/BestSeller.module.less         | 10 +++++-----
 .../BestSellerItem/BestSellerItem.jsx         | 20 -------------------
 .../BestSellerItem/BestSellerItem.module.less |  2 --
 4 files changed, 14 insertions(+), 31 deletions(-)
 delete mode 100644 com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.jsx
 delete mode 100644 com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.module.less

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 08424dbc..a16ef268 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
@@ -15,13 +15,13 @@ import Spottable from '@enact/spotlight/Spottable';
 
 import SectionTitle from '../../../components/SectionTitle/SectionTitle';
 import TGrid from '../../../components/TGrid/TGrid';
+import TItemCard from '../../../components/TItemCard/TItemCard';
 import {
   $L,
   scaleH,
   scaleW,
 } from '../../../utils/helperMethods';
 import css from './BestSeller.module.less';
-import BestSellerItem from './BestSellerItem/BestSellerItem';
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -38,9 +38,14 @@ const BestSeller = () => {
       const itemData = bestSellerDatas[index];
       if (index !== bestSellerDatas.length) {
         return (
-          <BestSellerItem
-            bestSellerData={bestSellerDatas}
-            itemData={itemData}
+          <TItemCard
+            key={itemData.rankOrd}
+            imageSource={itemData.imgUrl}
+            imageAlt={itemData.prdtNm}
+            productName={itemData.prdtNm}
+            priceInfo={itemData.priceInfo}
+            rank={itemData.rankOrd}
+            type="vertical"
             isBestSeller
             {...rest}
           />
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 5de0eb72..429d9d6f 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
@@ -1,4 +1,6 @@
 @import "../../../style/CommonStyle.module.less";
+@import "../../../style/utils.module.less";
+
 .bestSellerWrap {
   padding: 60px 0 0px 60px;
   > h2 {
@@ -22,9 +24,8 @@
   }
 }
 .addItem {
-  width: 198px;
-  height: 438px;
-  background-color: #fff;
+  .size(@w:198px,@h:438px);
+  background-color: @COLOR_WHITE;
   border: 1px solid #e4e4e4;
   border-radius: 12px;
   background-image: url("../../../../assets/icon/button_icon/ic-more-nor.svg");
@@ -35,9 +36,8 @@
   &:hover,
   &:focus-within,
   &:active {
-    border: 4px solid @PRIMARY_COLOR_RED;
+    .focused(@boxShadow: 22px, @borderRadius:12px);
     box-sizing: border-box;
-    border-radius: 12px;
     background-image: url("../../../../assets/icon/button_icon/ic-more-sel.svg");
   }
 }
diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.jsx b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.jsx
deleted file mode 100644
index 864ee03d..00000000
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import TItemCard from '../../../../components/TItemCard/TItemCard';
-import css from '../BestSellerItem/BestSellerItem.module.less';
-
-export default function ({ bestSellerData, itemData, ...rest }) {
-  return (
-    <TItemCard
-      key={itemData.rankOrd}
-      imageSource={itemData.imgUrl}
-      imageAlt={itemData.prdtNm}
-      productName={itemData.prdtNm}
-      priceInfo={itemData.priceInfo}
-      rank={itemData.rankOrd}
-      type="vertical"
-      isBestSeller
-      {...rest}
-    />
-  );
-}
diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.module.less b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.module.less
deleted file mode 100644
index accd63ee..00000000
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.module.less
+++ /dev/null
@@ -1,2 +0,0 @@
-@import "../../../../style/CommonStyle.module.less";
-@import "../../../../style/utils.module.less";