From 4e694945b3325eb1e4cfdb52198edb49b5f85d2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Tue, 31 Mar 2026 23:02:24 +0200
Subject: [PATCH] feat: profile & badge sets

---
 .../nostr/kinds/ProfileBadgesDetailRenderer.tsx       |  5 ++++-
 src/components/nostr/kinds/ProfileBadgesRenderer.tsx  |  6 +++++-
 src/components/nostr/kinds/index.tsx                  |  2 ++
 src/constants/kinds.ts                                | 11 +++++++++--
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/nostr/kinds/ProfileBadgesDetailRenderer.tsx b/src/components/nostr/kinds/ProfileBadgesDetailRenderer.tsx
index 1acf0ca..f12a270 100644
--- a/src/components/nostr/kinds/ProfileBadgesDetailRenderer.tsx
+++ b/src/components/nostr/kinds/ProfileBadgesDetailRenderer.tsx
@@ -10,6 +10,7 @@ import {
   getBadgeImageUrl,
 } from "@/lib/nip58-helpers";
 import { Award } from "lucide-react";
+import { getTagValue } from "applesauce-core/helpers";
 import { UserName } from "../UserName";
 import { ClickableEventTitle } from "./BaseEventRenderer";
 
@@ -125,12 +126,14 @@ export function ProfileBadgesDetailRenderer({
   event,
 }: ProfileBadgesDetailRendererProps) {
   const badgePairs = getProfileBadgePairs(event);
+  const isProfileBadges = getTagValue(event, "d") === "profile_badges";
+  const heading = isProfileBadges ? "Profile Badges" : "Badge Set";
 
   return (
     <div className="flex flex-col gap-6 p-6 max-w-4xl mx-auto">
       {/* Header */}
       <div className="flex flex-col gap-2">
-        <h1 className="text-3xl font-bold">Profile Badges</h1>
+        <h1 className="text-3xl font-bold">{heading}</h1>
         <div className="flex items-center gap-2 text-sm text-muted-foreground">
           <UserName pubkey={event.pubkey} />
           <span>•</span>
diff --git a/src/components/nostr/kinds/ProfileBadgesRenderer.tsx b/src/components/nostr/kinds/ProfileBadgesRenderer.tsx
index 5d09a65..c60b0e9 100644
--- a/src/components/nostr/kinds/ProfileBadgesRenderer.tsx
+++ b/src/components/nostr/kinds/ProfileBadgesRenderer.tsx
@@ -13,6 +13,7 @@ import {
   getBadgeImageUrl,
 } from "@/lib/nip58-helpers";
 import { Award } from "lucide-react";
+import { getTagValue } from "applesauce-core/helpers";
 
 /**
  * Parse an address pointer from an a tag value
@@ -78,6 +79,8 @@ function BadgeItem({ badgeAddress }: { badgeAddress: string }) {
  */
 export function ProfileBadgesRenderer({ event }: BaseEventProps) {
   const badgePairs = getProfileBadgePairs(event);
+  const isProfileBadges = getTagValue(event, "d") === "profile_badges";
+  const heading = isProfileBadges ? "Profile Badges" : "Badge Set";
   const MAX_VISIBLE_BADGES = 5;
   const visibleBadges = badgePairs.slice(0, MAX_VISIBLE_BADGES);
   const remainingCount = Math.max(0, badgePairs.length - MAX_VISIBLE_BADGES);
@@ -101,7 +104,8 @@ export function ProfileBadgesRenderer({ event }: BaseEventProps) {
           event={event}
           className="text-sm font-semibold text-foreground hover:text-foreground/80"
         >
-          {badgePairs.length} {badgePairs.length === 1 ? "badge" : "badges"}
+          {heading}: {badgePairs.length}{" "}
+          {badgePairs.length === 1 ? "badge" : "badges"}
         </ClickableEventTitle>
 
         {/* Limited Badge Thumbnails */}
diff --git a/src/components/nostr/kinds/index.tsx b/src/components/nostr/kinds/index.tsx
index 78ff2da..538b436 100644
--- a/src/components/nostr/kinds/index.tsx
+++ b/src/components/nostr/kinds/index.tsx
@@ -268,6 +268,7 @@ const kindRenderers: Record<number, React.ComponentType<BaseEventProps>> = {
   30005: VideoCurationSetRenderer, // Video Curation Sets (NIP-51)
   30006: PictureCurationSetRenderer, // Picture Curation Sets (NIP-51)
   30007: KindMuteSetRenderer, // Kind Mute Sets (NIP-51)
+  10008: ProfileBadgesRenderer, // Profile Badges (NIP-58)
   30008: ProfileBadgesRenderer, // Profile Badges (NIP-58)
   30009: BadgeDefinitionRenderer, // Badge (NIP-58)
   30015: InterestSetRenderer, // Interest Sets (NIP-51)
@@ -388,6 +389,7 @@ const detailRenderers: Record<
   30005: VideoCurationSetDetailRenderer, // Video Curation Sets Detail (NIP-51)
   30006: PictureCurationSetDetailRenderer, // Picture Curation Sets Detail (NIP-51)
   30007: KindMuteSetDetailRenderer, // Kind Mute Sets Detail (NIP-51)
+  10008: ProfileBadgesDetailRenderer, // Profile Badges Detail (NIP-58)
   30008: ProfileBadgesDetailRenderer, // Profile Badges Detail (NIP-58)
   30009: BadgeDefinitionDetailRenderer, // Badge Detail (NIP-58)
   30015: InterestSetDetailRenderer, // Interest Sets Detail (NIP-51)
diff --git a/src/constants/kinds.ts b/src/constants/kinds.ts
index 8c64189..93572e1 100644
--- a/src/constants/kinds.ts
+++ b/src/constants/kinds.ts
@@ -790,6 +790,13 @@ export const EVENT_KINDS: Record<number | string, EventKind> = {
     nip: "51",
     icon: Search,
   },
+  10008: {
+    kind: 10008,
+    name: "Profile Badge",
+    description: "Profile Badges",
+    nip: "58",
+    icon: Award,
+  },
   10009: {
     kind: 10009,
     name: "User Group List",
@@ -1183,8 +1190,8 @@ export const EVENT_KINDS: Record<number | string, EventKind> = {
   },
   30008: {
     kind: 30008,
-    name: "Profile Badge",
-    description: "Profile Badges",
+    name: "Badge Set",
+    description: "Badge Set",
     nip: "58",
     icon: Award,
   },