From 20437dbdc456eff5faeba6a43873c13218b98a3a Mon Sep 17 00:00:00 2001 From: Dan Anderson Date: Tue, 13 Oct 2026 01:25:28 -0400 Subject: [PATCH] Show three collection badges before the overflow count The overflow count no longer takes one of the badge slots: up to three collection badges show, then a count whose tooltip names the rest. --- .../src/app/[lang]/[asset]/_components/address-badges.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/web/src/app/[lang]/[asset]/_components/address-badges.tsx b/apps/web/src/app/[lang]/[asset]/_components/address-badges.tsx index 22602f48..0ce83e14 100644 --- a/apps/web/src/app/[lang]/[asset]/_components/address-badges.tsx +++ b/apps/web/src/app/[lang]/[asset]/_components/address-badges.tsx @@ -20,12 +20,12 @@ export function AddressBadges({ address, issuerSource, collections, - maxChips = 6, + maxChips = 3, }: { address: string; issuerSource?: string; collections?: string[]; - /** Collection flair slots, including the overflow count; identity badges remain separate. */ + /** Visible collection badges before the overflow count; identity badges remain separate. */ maxChips?: number; }) { const t = useT(); @@ -46,12 +46,12 @@ export function AddressBadges({ ); } -/** Reserve the final slot for a count when the row exceeds its limit. +/** Show up to the badge limit, then a count for any additional collections. * The count's tooltip names every remaining collection. */ function CollectionChips({ tags, maxChips }: { tags: string[]; maxChips: number }) { const t = useT(); const matched = COLLECTIONS.filter((c) => tags.includes(c.tag)); - const shown = matched.length <= maxChips ? matched : matched.slice(0, maxChips - 1); + const shown = matched.slice(0, maxChips); const rest = matched.slice(shown.length); return ( <>