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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user