feat: add share button on web for logs trace

src/components/ClientSideLoggingToolMenu/BaseClientSideLoggingToolMenu.tsx

@@ -21,9 +21,14 @@ type BaseClientSideLoggingToolMenuOnyxProps = {
     shouldStoreLogs: OnyxEntry<boolean>;
 };
 
+type File = {
+    path: string;
+    newFileName: string;
+    size: number;
+};
 type BaseClientSideLoggingToolProps = {
     /** Locally created file */
-    file?: {path: string; newFileName: string; size: number};
+    file?: File;
     /** Action to run when pressing Share button */
     onShareLogs?: () => void;
     /** Action to run when disabling the switch */
@@ -96,3 +101,4 @@ export default withOnyx<BaseClientSideLoggingToolProps, BaseClientSideLoggingToo
         key: ONYXKEYS.SHOULD_STORE_LOGS,
     },
 })(BaseClientSideLoggingToolMenu);
+export type {File};

src/components/ClientSideLoggingToolMenu/index.tsx

@@ -1,14 +1,38 @@
-import React from 'react';
+import React, {useState} from 'react';
 import type {Log} from '@libs/Console';
 import localFileDownload from '@libs/localFileDownload';
+import type {File} from './BaseClientSideLoggingToolMenu';
 import BaseClientSideLoggingToolMenu from './BaseClientSideLoggingToolMenu';
 
 function ClientSideLoggingToolMenu() {
+    const [localLogs, setLocalLogs] = useState<Log[]>([]);
+    const [file, setFile] = useState<File | undefined>(undefined);
     const downloadFile = (logs: Log[]) => {
-        localFileDownload('logs', JSON.stringify(logs, null, 2));
+        const data = JSON.stringify(logs, null, 2);
+        setFile({
+            path: './logs',
+            newFileName: 'logs',
+            size: data.length,
+        });
+        setLocalLogs(logs);
+        localFileDownload('logs', data);
+    };
+    const hideShareButton = () => {
+        setFile(undefined);
+    };
+    const shareLogs = () => {
+        downloadFile(localLogs);
     };
 
-    return <BaseClientSideLoggingToolMenu onDisableLogging={downloadFile} />;
+    return (
+        <BaseClientSideLoggingToolMenu
+            file={file}
+            onDisableLogging={downloadFile}
+            onEnableLogging={hideShareButton}
+            onShareLogs={shareLogs}
+            displayPath={file?.path}
+        />
+    );
 }
 
 ClientSideLoggingToolMenu.displayName = 'ClientSideLoggingToolMenu';