feat(shop): show pinterest badge top-right on tagged product cards

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 <noreply@anthropic.com>
This commit is contained in:
payacom
2026-09-17 16:19:45 +03:30
parent 9342494a36
commit 0c080d22cd

View File

@@ -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 && (
<span className="absolute right-2 top-2 flex h-7 w-7 items-center justify-center rounded-full bg-white text-[#E60023]">
<BoldIcon name="pinterest" size={14} tinted />
</span>
)}
</div>
</button>
<div className="flex flex-col gap-1 px-0.5 py-1.5">