From f3030ad9e6adb67ad71e3c1d878c0603b9a69cdd Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 8 Jan 2026 15:39:34 +0000
Subject: [PATCH] style(emoji): enhance detail renderer title with icon

---
 src/components/nostr/kinds/EmojiSetDetailRenderer.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx b/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
index f7fa08b..840f46f 100644
--- a/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
+++ b/src/components/nostr/kinds/EmojiSetDetailRenderer.tsx
@@ -2,6 +2,7 @@ import { getTagValue } from "applesauce-core/helpers";
 import { getEmojiTags } from "@/lib/emoji-helpers";
 import { CustomEmoji } from "@/components/nostr/CustomEmoji";
 import { NostrEvent } from "@/types/nostr";
+import { Smile } from "lucide-react";
 
 /**
  * Kind 30030 Detail Renderer - Emoji Set (Detail View)
@@ -15,7 +16,10 @@ export function EmojiSetDetailRenderer({ event }: { event: NostrEvent }) {
     <div className="flex flex-col gap-4 p-4">
       {/* Header */}
       <div className="flex flex-col gap-1">
-        <h2 className="text-lg font-semibold">{identifier}</h2>
+        <h1 className="text-2xl font-bold flex items-center gap-2">
+          <Smile className="size-6 text-muted-foreground" />
+          {identifier}
+        </h1>
         <p className="text-sm text-muted-foreground">
           {emojis.length} emoji{emojis.length !== 1 ? "s" : ""} in this set
         </p>