[SHOPTIME-3428] 독일 / Player / Sold Out Text 길이 넘침

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

[대책] 독일국가에서만 font-size 조절

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>
 

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;
+      }
     }
   }