From 0c080d22cd0c6a4a8223467a50f6f9ba5b298f8e Mon Sep 17 00:00:00 2001 From: payacom <59262811+payacom@users.noreply.github.com> Date: Thu, 17 Sep 2026 16:19:45 +0330 Subject: [PATCH] feat(shop): show pinterest badge top-right on tagged product cards MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Aligned with the discount badge (same top offset, opposite corner), shown only when listing.is_pinterest is true. Verified live: initially used BoldIcon's nonexistent color prop (silently ignored, icon rendered black via the default dark-mode invert filter) — switched to tinted + a text-[#E60023] class, confirmed the mask picks up the color correctly. Co-Authored-By: Claude Sonnet 5 --- src/components/shops/ShopProductGrid.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/shops/ShopProductGrid.tsx b/src/components/shops/ShopProductGrid.tsx index e5bca58..3928159 100644 --- a/src/components/shops/ShopProductGrid.tsx +++ b/src/components/shops/ShopProductGrid.tsx @@ -2,6 +2,7 @@ import { IMAGE_BASE_URL } from "@/components/main/BaseUrl"; import ShopProductAuthor from "@/components/shops/ShopProductAuthor"; +import BoldIcon from "@/components/ui/BoldIcon"; import DiscountBadge from "@/components/ui/DiscountBadge"; import { bestDiscountPercent } from "@/lib/shopDiscount"; import { IShopProductListing } from "@/types/types"; @@ -152,6 +153,11 @@ export default function ShopProductGrid({ className="absolute left-2 top-2" /> )} + {listing.is_pinterest && ( + + + + )}