Update

Author: ShridharGoel

src/components/TestToolMenu.tsx src/components/TestToolMenu/BaseTestToolMenu.tsx

@@ -11,12 +11,11 @@ import * as User from '@userActions/User';
 import CONFIG from '@src/CONFIG';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Network as NetworkOnyx, User as UserOnyx} from '@src/types/onyx';
-import testCrash from "@libs/testCrash";
-import Button from './Button';
-import {withNetwork} from './OnyxProvider';
-import Switch from './Switch';
-import TestToolRow from './TestToolRow';
-import Text from './Text';
+import Text from "@components/Text";
+import TestToolRow from "@components/TestToolRow";
+import Switch from "@components/Switch";
+import Button from "@components/Button";
+import {withNetwork} from "@components/OnyxProvider";
 
 type TestToolMenuOnyxProps = {
     /** User object in Onyx */
@@ -29,7 +28,7 @@ type TestToolMenuProps = TestToolMenuOnyxProps & {
 };
 const USER_DEFAULT: UserOnyx = {shouldUseStagingServer: undefined, isSubscribedToNewsletter: false, validated: false, isFromPublicDomain: false, isUsingExpensifyCard: false};
 
-function TestToolMenu({user = USER_DEFAULT, network}: TestToolMenuProps) {
+function BaseTestToolMenu({user = USER_DEFAULT, network, children}: React.PropsWithChildren<TestToolMenuProps>) {
     const shouldUseStagingServer = user?.shouldUseStagingServer ?? ApiUtils.isUsingStagingApi();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
@@ -91,20 +90,12 @@ function TestToolMenu({user = USER_DEFAULT, network}: TestToolMenuProps) {
                 />
             </TestToolRow>
 
-            <TestToolRow title="Native crash">
-                <Button
-                    small
-                    text="Native crash"
-                    onPress={() => {
-                        testCrash();
-                    }}
-                />
-            </TestToolRow>
+            {children}
         </>
     );
 }
 
-TestToolMenu.displayName = 'TestToolMenu';
+BaseTestToolMenu.displayName = 'BaseTestToolMenu';
 
 export default compose(
     withOnyx<TestToolMenuProps, TestToolMenuOnyxProps>({
@@ -113,4 +104,4 @@ export default compose(
         },
     }),
     withNetwork(),
-)(TestToolMenu);
+)(BaseTestToolMenu);

src/components/TestToolMenu/index.native.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import BaseTestToolMenu from './BaseTestToolMenu';
+import testCrash from '@libs/testCrash';
+import Button from "@components/Button";
+import TestToolRow from "@components/TestToolRow";
+import useLocalize from "@hooks/useLocalize";
+
+function TestToolMenu(props) {
+    const {translate} = useLocalize();
+
+    return (
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        <BaseTestToolMenu {...props}>
+            <TestToolRow title={translate('initialSettingsPage.troubleshoot.nativeCrash')}>
+                <Button
+                    small
+                    text={translate('initialSettingsPage.troubleshoot.nativeCrash')}
+                    onPress={() => {
+                        testCrash();
+                    }}
+                />
+            </TestToolRow>
+        </BaseTestToolMenu>
+    );
+}
+
+export default TestToolMenu;

src/components/TestToolMenu/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import BaseTestToolMenu from './BaseTestToolMenu';
+
+function Index(props) {
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return <BaseTestToolMenu {...props} />;
+}
+
+export default Index;

src/languages/en.ts

@@ -951,6 +951,7 @@ export default {
             deviceCredentials: 'Device credentials',
             invalidate: 'Invalidate',
             destroy: 'Destroy',
+            nativeCrash: 'Native crash'
         },
         debugConsole: {
             saveLog: 'Save log',

src/languages/es.ts

@@ -947,6 +947,7 @@ export default {
             deviceCredentials: 'Credenciales del dispositivo',
             invalidate: 'Invalidar',
             destroy: 'Destruir',
+            nativeCrash: 'Fallo nativo',
         },
         debugConsole: {
             saveLog: 'Guardar registro',

src/pages/settings/Troubleshoot/TroubleshootPage.tsx

@@ -13,7 +13,6 @@ import MenuItemList from '@components/MenuItemList';
 import ScreenWrapper from '@components/ScreenWrapper';
 import ScrollView from '@components/ScrollView';
 import Section from '@components/Section';
-import TestToolMenu from '@components/TestToolMenu';
 import Text from '@components/Text';
 import TextLink from '@components/TextLink';
 import useEnvironment from '@hooks/useEnvironment';
@@ -29,6 +28,7 @@ import type {TranslationPaths} from '@src/languages/types';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 import SCREENS from '@src/SCREENS';
+import TestToolMenu from "@components/TestToolMenu";
 import getLightbulbIllustrationStyle from './getLightbulbIllustrationStyle';
 
 type BaseMenuItem = {