From c7732238cdb4a9314c2dee4da127af8610d0ad17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20G=C3=B3mez?= <alejandrogomez@bitrefill.com>
Date: Thu, 11 Dec 2025 15:40:23 +0100
Subject: [PATCH] fix: multiple check after copying

---
 src/components/EventDetailViewer.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/EventDetailViewer.tsx b/src/components/EventDetailViewer.tsx
index acd34be..4415ffd 100644
--- a/src/components/EventDetailViewer.tsx
+++ b/src/components/EventDetailViewer.tsx
@@ -33,7 +33,8 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
   const event = useNostrEvent(pointer);
   const [showJson, setShowJson] = useState(false);
   const [showRelays, setShowRelays] = useState(false);
-  const { copy, copied } = useCopy();
+  const { copy: copyBech32, copied: copiedBech32 } = useCopy();
+  const { copy: copyJson, copied: copiedJson } = useCopy();
 
   // Loading state
   if (!event) {
@@ -78,11 +79,11 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
       <div className="border-b border-border px-4 py-2 font-mono text-xs flex items-center justify-between gap-3">
         {/* Left: Event ID */}
         <button
-          onClick={() => copy(bech32Id)}
+          onClick={() => copyBech32(bech32Id)}
           className="flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors truncate min-w-0"
           title={bech32Id}
         >
-          {copied ? (
+          {copiedBech32 ? (
             <Check className="size-3 flex-shrink-0 text-green-500" />
           ) : (
             <Copy className="size-3 flex-shrink-0" />
@@ -154,15 +155,15 @@ export function EventDetailViewer({ pointer }: EventDetailViewerProps) {
         <div className="border-b border-border px-4 py-2 bg-muted">
           <div className="flex justify-end mb-2">
             <button
-              onClick={() => copy(JSON.stringify(event, null, 2))}
+              onClick={() => copyJson(JSON.stringify(event, null, 2))}
               className="hover:text-foreground text-muted-foreground transition-colors text-xs flex items-center gap-1"
             >
-              {copied ? (
+              {copiedJson ? (
                 <Check className="size-3 text-green-500" />
               ) : (
                 <Copy className="size-3" />
               )}
-              {copied ? "Copied!" : "Copy JSON"}
+              {copiedJson ? "Copied!" : "Copy JSON"}
             </button>
           </div>
           <pre className="text-xs overflow-x-auto whitespace-pre-wrap break-words bg-background p-2 rounded border border-border font-mono">