From 0d70b432ea6e61a702d2a45ea2126757ef15d045 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 17 Jan 2026 17:48:51 +0000
Subject: [PATCH] feat: Show username when badge awarded to single person

Update BadgeAwardRenderer to display the recipient's username
when only 1 person is awarded the badge, instead of "1 person".

- Single recipient: "awarded to @username"
- Multiple recipients: "awarded to n people"

Uses UserName component for proper profile name resolution.
---
 src/components/nostr/kinds/BadgeAwardRenderer.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/nostr/kinds/BadgeAwardRenderer.tsx b/src/components/nostr/kinds/BadgeAwardRenderer.tsx
index d2af4ef..dc48e56 100644
--- a/src/components/nostr/kinds/BadgeAwardRenderer.tsx
+++ b/src/components/nostr/kinds/BadgeAwardRenderer.tsx
@@ -13,6 +13,7 @@ import {
   getBadgeImageUrl,
 } from "@/lib/nip58-helpers";
 import { Award } from "lucide-react";
+import { UserName } from "../UserName";
 
 /**
  * Parse an address pointer from an a tag value
@@ -92,13 +93,17 @@ export function BadgeAwardRenderer({ event }: BaseEventProps) {
           </span>
         )}
 
-        {/* Awarded count - linked to this award event */}
+        {/* Awarded count/name - linked to this award event */}
         <ClickableEventTitle
           event={event}
-          className="text-sm text-muted-foreground hover:text-foreground"
+          className="text-sm text-muted-foreground hover:text-foreground inline-flex items-center gap-1"
         >
-          awarded to {recipientCount}{" "}
-          {recipientCount === 1 ? "person" : "people"}
+          <span>awarded to</span>
+          {recipientCount === 1 ? (
+            <UserName pubkey={awardedPubkeys[0]} />
+          ) : (
+            <span>{recipientCount} people</span>
+          )}
         </ClickableEventTitle>
       </div>
     </BaseEventContainer>