From 387990239725ef78bd7191ceb2eac04d1aaa7105 Mon Sep 17 00:00:00 2001
From: Silberengel <silberengel7@protonmail.com>
Date: Tue, 8 Jul 2025 21:37:21 +0200
Subject: [PATCH] fix raw json display and add copy button

---
 src/lib/components/EventDetails.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/EventDetails.svelte b/src/lib/components/EventDetails.svelte
index 7951ed4..fcec179 100644
--- a/src/lib/components/EventDetails.svelte
+++ b/src/lib/components/EventDetails.svelte
@@ -9,6 +9,7 @@
   import { getMatchingTags } from '$lib/utils/nostrUtils';
   import ProfileHeader from "$components/cards/ProfileHeader.svelte";
   import { getUserMetadata } from "$lib/utils/nostrUtils";
+  import CopyToClipboard from '$lib/components/util/CopyToClipboard.svelte';
 
   const { event, profile = null, searchValue = null } = $props<{
     event: NDKEvent;
@@ -186,15 +187,18 @@
   {/if}
 
   <!-- Raw Event JSON -->
-  <details class="bg-primary-50 dark:bg-primary-900 rounded p-4">
+  <details class="relative w-full max-w-2xl md:max-w-full bg-primary-50 dark:bg-primary-900 rounded p-4">
     <summary class="cursor-pointer font-semibold text-primary-700 dark:text-primary-300 mb-2">
       Show Raw Event JSON
     </summary>
+    <div class="absolute top-4 right-4">
+      <CopyToClipboard displayText="" copyText={JSON.stringify(event.rawEvent(), null, 2)} />
+    </div>
     <pre
       class="overflow-x-auto text-xs bg-highlight dark:bg-primary-900 rounded p-4 mt-2 font-mono"
       style="line-height: 1.7; font-size: 1rem;"
     >
-      {JSON.stringify(event.rawEvent(), null, 2)}
+{JSON.stringify(event.rawEvent(), null, 2)}
     </pre>
   </details>
 </div> 
\ No newline at end of file