From f759e96722c3bf452a85323cba466eab908e7096 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Tue, 26 Nov 2024 12:19:12 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3428]=20=EB=8F=85=EC=9D=BC=20/=20Play?=
 =?UTF-8?q?er=20/=20Sold=20Out=20Text=20=EA=B8=B8=EC=9D=B4=20=EB=84=98?=
 =?UTF-8?q?=EC=B9=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[원인] SOLDOUT 번역본 단어 길이가 길어서 사이즈가 맞지않음

[대책] 독일국가에서만 font-size 조절
---
 .../src/components/TItemCard/TItemCard.jsx                | 8 +++++++-
 .../src/components/TItemCard/TItemCard.module.less        | 6 +++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
index 06ccc5ff..c7bde1fe 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
@@ -13,6 +13,7 @@ import usePriceInfo from "../../hooks/usePriceInfo";
 import { $L, removeSpecificTags } from "../../utils/helperMethods";
 import CustomImage from "../CustomImage/CustomImage";
 import css from "./TItemCard.module.less";
+import { useSelector } from "react-redux";
 
 const SpottableComponent = Spottable("div");
 
@@ -66,6 +67,7 @@ export default memo(function TItemCard({
   ...rest
 }) {
   const [defaultImage, setDefaultImage] = useState(null);
+  const countryCode = useSelector((state) => state.common.httpHeader.cntry_cd);
 
   useEffect(() => {
     if (!imageSource) {
@@ -179,7 +181,11 @@ export default memo(function TItemCard({
             <span>{discountRate}</span>
           )}
         {soldoutFlag && soldoutFlag === "Y" && (
-          <div>{$L(STRING_CONF.SOLD_OUT)}</div>
+          <div
+            className={classNames(css.soldout, countryCode === "DE" && css.de)}
+          >
+            {$L(STRING_CONF.SOLD_OUT)}
+          </div>
         )}
       </div>
 
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 463c357c..4bacfd42 100644
--- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
+++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
@@ -35,13 +35,17 @@
     }
 
     // sold out
-    > div {
+    .soldout {
       .position(@position: absolute, @top: 0, @right: 0);
       .flex();
       .size(@w: 200px, @h: 200px);
       background-color: rgba(26, 26, 26, 0.6);
       font-weight: bold;
       font-size: 36px;
+
+      &.de {
+        font-size: 27px;
+      }
     }
   }