From 3ad305f451119ada3831e4cbd351026a6ed04dc6 Mon Sep 17 00:00:00 2001
From: yougotwill <willmgrant@gmail.com>
Date: Tue, 13 Aug 2024 17:21:18 +1000
Subject: [PATCH] feat: added copy button to debug window

---
 ts/components/DebugLogView.tsx | 20 +++++++++++++++++---
 ts/themes/SessionTheme.tsx     | 13 +++++++++++--
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/ts/components/DebugLogView.tsx b/ts/components/DebugLogView.tsx
index 930414d59..88f560978 100644
--- a/ts/components/DebugLogView.tsx
+++ b/ts/components/DebugLogView.tsx
@@ -5,6 +5,8 @@ import { switchThemeTo } from '../themes/switchTheme';
 import { fetchNodeLog } from '../util/logging';
 import { SessionButton, SessionButtonType } from './basic/SessionButton';
 import { SessionIconButton } from './icon';
+import { CopyToClipboardButton } from './buttons';
+import { Flex } from './basic/Flex';
 
 const StyledContent = styled.div`
   background-color: var(--modal-background-content-color);
@@ -54,7 +56,14 @@ const DebugLogTextArea = (props: { content: string }) => {
 
 const DebugLogButtons = (props: { content: string }) => {
   return (
-    <div className="buttons">
+    <Flex
+      container={true}
+      width={'fit-content'}
+      justifyContent={'flex-start'}
+      alignItems={'center'}
+      flexGap="var(--margins-md)"
+      className="buttons"
+    >
       <SessionButton
         text={window.i18n('saveLogToDesktop')}
         buttonType={SessionButtonType.Simple}
@@ -66,7 +75,12 @@ const DebugLogButtons = (props: { content: string }) => {
           (window as any).saveLog(props.content);
         }}
       />
-    </div>
+      <CopyToClipboardButton
+        copyContent={props.content}
+        buttonType={SessionButtonType.Simple}
+        hotkey={true}
+      />
+    </Flex>
   );
 };
 
@@ -107,7 +121,7 @@ export const DebugLogView = () => {
   }, []);
 
   return (
-    <SessionTheme>
+    <SessionTheme runSetup={false}>
       <StyledContent>
         <div>
           <SessionIconButton
diff --git a/ts/themes/SessionTheme.tsx b/ts/themes/SessionTheme.tsx
index acd77ab42..cac8e1c47 100644
--- a/ts/themes/SessionTheme.tsx
+++ b/ts/themes/SessionTheme.tsx
@@ -52,10 +52,19 @@ const setupTheme = async () => {
   }
 };
 
-export const SessionTheme = ({ children }: { children: ReactNode }) => {
+export const SessionTheme = ({
+  children,
+  runSetup = true,
+}: {
+  children: ReactNode;
+  /** If we don't have access to some window functions or Storage yet we might not want to run the theme setup */
+  runSetup?: boolean;
+}) => {
   useMount(() => {
     setThemeValues(THEME_GLOBALS);
-    void setupTheme();
+    if (runSetup) {
+      void setupTheme();
+    }
   });
   return children;
 };