Save logs data in downloads and show meaningful path

src/components/ClientSideLoggingToolMenu/BaseClientSideLoggingToolMenu.tsx

@@ -30,9 +30,11 @@ type BaseClientSideLoggingToolProps = {
     onDisableLogging: (logs: Log[]) => void;
     /** Action to run when enabling logging */
     onEnableLogging?: () => void;
+    /** Path used to display location of saved file */
+    displayPath?: string;
 } & BaseClientSideLoggingToolMenuOnyxProps;
 
-function BaseClientSideLoggingToolMenu({shouldStoreLogs, capturedLogs, file, onShareLogs, onDisableLogging, onEnableLogging}: BaseClientSideLoggingToolProps) {
+function BaseClientSideLoggingToolMenu({shouldStoreLogs, capturedLogs, file, onShareLogs, onDisableLogging, onEnableLogging, displayPath}: BaseClientSideLoggingToolProps) {
     const {translate} = useLocalize();
 
     const onToggle = () => {
@@ -70,7 +72,7 @@ function BaseClientSideLoggingToolMenu({shouldStoreLogs, capturedLogs, file, onS
             </TestToolRow>
             {!!file && (
                 <>
-                    <Text style={[styles.textLabelSupporting, styles.mb4]}>{`path: ${file.path}`}</Text>
+                    <Text style={[styles.textLabelSupporting, styles.mb4]}>{`path: ${displayPath}/${file.newFileName}`}</Text>
                     <TestToolRow title={translate('initialSettingsPage.debugConsole.logs')}>
                         <Button
                             small

src/components/ClientSideLoggingToolMenu/index.android.tsx

@@ -38,6 +38,7 @@ function ClientSideLoggingToolMenu() {
             onEnableLogging={() => setFile(undefined)}
             onDisableLogging={createAndSaveFile}
             onShareLogs={shareLogs}
+            displayPath="/Downloads"
         />
     );
 }

src/components/ClientSideLoggingToolMenu/index.ios.tsx

@@ -28,6 +28,7 @@ function ClientSideLoggingToolMenu() {
             onEnableLogging={() => setFile(undefined)}
             onDisableLogging={createFile}
             onShareLogs={shareLogs}
+            displayPath="/New Expensify"
         />
     );
 }

src/components/ProfilingToolMenu/index.native.tsx → src/components/ProfilingToolMenu/BaseProfilingToolMenu.tsx

@@ -19,11 +19,16 @@ import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import pkg from '../../../package.json';
 
-type ProfilingToolMenuOnyxProps = {
+type BaseProfilingToolMenuOnyxProps = {
     isProfilingInProgress: OnyxEntry<boolean>;
 };
 
-type ProfilingToolMenuProps = ProfilingToolMenuOnyxProps;
+type BaseProfilingToolMenuProps = {
+    /** Path used to save the file */
+    pathToBeUsed: string;
+    /** Path used to display location of saved file */
+    displayPath: string;
+} & BaseProfilingToolMenuOnyxProps;
 
 function formatBytes(bytes: number, decimals = 2) {
     if (!+bytes) {
@@ -39,7 +44,7 @@ function formatBytes(bytes: number, decimals = 2) {
     return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
 }
 
-function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuProps) {
+function BaseProfilingToolMenu({isProfilingInProgress = false, pathToBeUsed, displayPath}: BaseProfilingToolMenuProps) {
     const styles = useThemeStyles();
     const [pathIOS, setPathIOS] = useState('');
     const [sharePath, setSharePath] = useState('');
@@ -83,15 +88,16 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
         [totalMemory, usedMemory],
     );
 
+    const newFileName = `Profile_trace_for_${pkg.version}.cpuprofile`;
+
     useEffect(() => {
         if (!pathIOS) {
             return;
         }
 
         // eslint-disable-next-line @lwc/lwc/no-async-await
         const rename = async () => {
-            const newFileName = `Profile_trace_for_${pkg.version}.cpuprofile`;
-            const newFilePath = `${RNFS.DocumentDirectoryPath}/${newFileName}`;
+            const newFilePath = `${pathToBeUsed}/${newFileName}`;
 
             try {
                 const fileExists = await RNFS.exists(newFilePath);
@@ -117,7 +123,7 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
         };
 
         rename();
-    }, [pathIOS]);
+    }, [pathIOS, newFileName, pathToBeUsed]);
 
     const onDownloadProfiling = useCallback(() => {
         // eslint-disable-next-line @lwc/lwc/no-async-await
@@ -153,7 +159,7 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
             </TestToolRow>
             {!!pathIOS && (
                 <>
-                    <Text style={[styles.textLabelSupporting, styles.mb4]}>{`path: ${pathIOS}`}</Text>
+                    <Text style={[styles.textLabelSupporting, styles.mb4]}>{`path: ${displayPath}/${newFileName}`}</Text>
                     <TestToolRow title={translate('initialSettingsPage.troubleshoot.profileTrace')}>
                         <Button
                             small
@@ -167,10 +173,10 @@ function ProfilingToolMenu({isProfilingInProgress = false}: ProfilingToolMenuPro
     );
 }
 
-ProfilingToolMenu.displayName = 'ProfilingToolMenu';
+BaseProfilingToolMenu.displayName = 'BaseProfilingToolMenu';
 
-export default withOnyx<ProfilingToolMenuProps, ProfilingToolMenuOnyxProps>({
+export default withOnyx<BaseProfilingToolMenuProps, BaseProfilingToolMenuOnyxProps>({
     isProfilingInProgress: {
         key: ONYXKEYS.APP_PROFILING_IN_PROGRESS,
     },
-})(ProfilingToolMenu);
+})(BaseProfilingToolMenu);

src/components/ProfilingToolMenu/index.android.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import RNFS from 'react-native-fs';
+import BaseProfilingToolMenu from './BaseProfilingToolMenu';
+
+function ProfilingToolMenu() {
+    return (
+        <BaseProfilingToolMenu
+            pathToBeUsed={RNFS.DownloadDirectoryPath}
+            displayPath="/Downloads"
+        />
+    );
+}
+
+ProfilingToolMenu.displayName = 'ProfilingToolMenu';
+
+export default ProfilingToolMenu;

src/components/ProfilingToolMenu/index.ios.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import RNFS from 'react-native-fs';
+import BaseProfilingToolMenu from './BaseProfilingToolMenu';
+
+function ProfilingToolMenu() {
+    return (
+        <BaseProfilingToolMenu
+            pathToBeUsed={RNFS.DocumentDirectoryPath}
+            displayPath="/New Expensify"
+        />
+    );
+}
+
+ProfilingToolMenu.displayName = 'ProfilingToolMenu';
+
+export default ProfilingToolMenu;