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({ {discountRate} )} {soldoutFlag && soldoutFlag === "Y" && ( -
{$L(STRING_CONF.SOLD_OUT)}
+
+ {$L(STRING_CONF.SOLD_OUT)} +
)} 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; + } } }