From 56b3100c8ee22cd23390807896182b80f6a997d6 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 17 Oct 2025 22:19:09 +0200
Subject: [PATCH] fix: correct TypeScript types in Debug component

Fixed type error in Debug.tsx:
- Changed highlightVisibility from string to proper HighlightVisibility object
- Used 'support' prop instead of invalid 'children' prop for ThreePaneLayout
- Set showSupport={true} to properly render debug content

All linting and type checks now pass.
---
 src/components/Debug.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index 7be214a4..63ed6a4b 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -711,6 +711,7 @@ const Debug: React.FC<DebugProps> = ({
       isHighlightsCollapsed={true}
       isSidebarOpen={false}
       showSettings={false}
+      showSupport={true}
       bookmarks={bookmarks}
       bookmarksLoading={bookmarksLoading}
       viewMode={viewMode}
@@ -732,7 +733,7 @@ const Debug: React.FC<DebugProps> = ({
       classifiedHighlights={[]}
       showHighlights={false}
       selectedHighlightId={undefined}
-      highlightVisibility="all"
+      highlightVisibility={{ nostrverse: true, friends: true, mine: true }}
       onHighlightClick={() => {}}
       onTextSelection={() => {}}
       onClearSelection={() => {}}
@@ -753,9 +754,8 @@ const Debug: React.FC<DebugProps> = ({
       toastMessage={undefined}
       toastType={undefined}
       onClearToast={() => {}}
-    >
-      {debugContent}
-    </ThreePaneLayout>
+      support={debugContent}
+    />
   )
 }