[HomePanel]BestSeller 부분 호출 변경

- BestSellerItem 삭제

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
+          <TItemCard
-            bestSellerData={bestSellerDatas}
+            key={itemData.rankOrd}
-            itemData={itemData}
+            imageSource={itemData.imgUrl}
+            imageAlt={itemData.prdtNm}
+            productName={itemData.prdtNm}
+            priceInfo={itemData.priceInfo}
+            rank={itemData.rankOrd}
+            type="vertical"
             isBestSeller
             {...rest}
           />

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;
+  .size(@w:198px,@h:438px);
-  height: 438px;
+  background-color: @COLOR_WHITE;
-  background-color: #fff;
   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");
   }
 }

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

@@ -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}
-    />
-  );
-}

com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSellerItem/BestSellerItem.module.less

@@ -1,2 +0,0 @@
-@import "../../../../style/CommonStyle.module.less";
-@import "../../../../style/utils.module.less";