From a1a1e9891cb54c7a3c738e797fb81f95c4976ab9 Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Tue, 5 Mar 2024 17:57:20 +0900
Subject: [PATCH] =?UTF-8?q?[components]=20TItemCard,=20props=20&=20element?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. props → isLive 추가
2. element → CustomImage 추가
3. import → tag-liveshow.svg
---
 com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx | 5 +++++
 .../src/components/TItemCard/TItemCard.module.less           | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
index 1a33763c..6126296a 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
@@ -4,6 +4,7 @@ import classNames from "classnames";
 
 import Spottable from "@enact/spotlight/Spottable";
 
+import IcLiveShow from "../../../assets/images/tag/tag-liveshow.svg";
 import usePriceInfo from "../../hooks/usePriceInfo";
 import { $L } from "../../utils/helperMethods";
 import CustomImage from "../CustomImage/CustomImage";
@@ -41,6 +42,7 @@ export default memo(function TItemCard({
   logo,
   logoDisplay = false,
   isBestSeller = false,
+  isLive = false,
   onBlur,
   onClick,
   onFocus,
@@ -117,6 +119,9 @@ export default memo(function TItemCard({
           <span>{rank}</span>
         </div>
       )}
+      {isLive && (
+        <CustomImage className={css.liveTag} src={IcLiveShow} alt="" />
+      )}
     </SpottableComponent>
   );
 });
diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
index 9f00b7c1..3f86a910 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -271,4 +271,9 @@
       }
     }
   }
+
+  .liveTag {
+    .size(@w: 108px, @h: 48px);
+    .position(@position: absolute, @top: 30px, @left: 30px);
+  }
 }