@swm/global nav menu v2

src/CONST.ts

@@ -2760,10 +2760,18 @@ const CONST = {
     GLOBAL_NAVIGATION_OPTION: {
         HOME: 'home',
         CHATS: 'chats',
-        SPEND: 'spend',
+        MONEY: 'money',
         WORKSPACES: 'workspaces',
     },
 
+    SUB_NAVIGATION_MENU: {
+        HOME: 'home',
+        CHATS: 'chats',
+        MONEY: 'money',
+        WORKSPACES: 'workspaces',
+        DOMAINS: 'domains',
+    },
+
     MISSING_TRANSLATION: 'MISSING TRANSLATION',
     SEARCH_MAX_LENGTH: 500,
 

src/GLOBAL_NAVIGATION_MAPPING.ts

@@ -4,6 +4,6 @@ import SCREENS from './SCREENS';
 export default {
     [CONST.GLOBAL_NAVIGATION_OPTION.HOME]: [SCREENS.HOME_OLDDOT],
     [CONST.GLOBAL_NAVIGATION_OPTION.CHATS]: [SCREENS.REPORT],
-    [CONST.GLOBAL_NAVIGATION_OPTION.SPEND]: [SCREENS.EXPENSES_OLDDOT, SCREENS.REPORTS_OLDDOT, SCREENS.INSIGHTS_OLDDOT],
-    [CONST.GLOBAL_NAVIGATION_OPTION.WORKSPACES]: [SCREENS.INDIVIDUAL_WORKSPACES_OLDDOT, SCREENS.GROUPS_WORKSPACES_OLDDOT, SCREENS.CARDS_AND_DOMAINS_OLDDOT],
+    [CONST.GLOBAL_NAVIGATION_OPTION.MONEY]: [SCREENS.EXPENSES_OLDDOT, SCREENS.REPORTS_OLDDOT, SCREENS.INSIGHTS_OLDDOT],
+    [CONST.GLOBAL_NAVIGATION_OPTION.WORKSPACES]: [SCREENS.INDIVIDUAL_WORKSPACE_OLDDOT, SCREENS.GROUPS_WORKSPACES_OLDDOT, SCREENS.DOMAINS_OLDDOT, SCREENS.DOMAIN_OLDDOT_TEST],
 } as const;

src/ROUTES.ts

@@ -356,13 +356,26 @@ export default {
     // Iframe screens from olddot
     HOME_OLDDOT: 'home',
 
-    // Spend tab
+    // Money tab
     EXPENSES_OLDDOT: 'expenses',
     REPORTS_OLDDOT: 'reports',
     INSIGHTS_OLDDOT: 'insights',
 
     // Workspaces tab
-    INDIVIDUALS_OLDDOT: 'individual_workspaces',
+    INDIVIDUALS_OLDDOT: 'individual_workspace',
     GROUPS_OLDDOT: 'group_workspaces',
-    CARDS_AND_DOMAINS_OLDDOT: 'cards-and-domains',
+
+    DOMAINS_OLDDOT: 'domains',
+
+    DOMAIN_OLDDOT: {
+        route: 'domain/:section',
+        getRoute: (section: string) => `domain/${section}`,
+    },
+
+    WORKSPACES_OLDDOT: {
+        route: 'workspaces/:workspaceID/:section',
+        getRoute: (workspaceID: string, section: string) => `workspaces/${workspaceID}/${section}`,
+    },
+
+    DOMAIN_OLDDOT_TEST: 'domain_test',
 } as const;

src/SCREENS.ts

@@ -31,13 +31,19 @@ export default {
     // Iframe screens from olddot
     HOME_OLDDOT: 'Home_OLDDOT',
 
-    // Spend tab
+    // Money tab
     EXPENSES_OLDDOT: 'Expenses_OLDDOT',
     REPORTS_OLDDOT: 'Reports_OLDDOT',
     INSIGHTS_OLDDOT: 'Insights_OLDDOT',
 
     // Workspaces tab
-    INDIVIDUAL_WORKSPACES_OLDDOT: 'IndividualWorkspaces_OLDDOT',
+    INDIVIDUAL_WORKSPACE_OLDDOT: 'IndividualWorkspaces_OLDDOT',
     GROUPS_WORKSPACES_OLDDOT: 'GroupWorkspaces_OLDDOT',
-    CARDS_AND_DOMAINS_OLDDOT: 'CardsAndDomains_OLDDOT',
+    DOMAINS_OLDDOT: 'Domains_OLDDOT',
+    DOMAIN_OLDDOT: 'Domain_OLDDOT',
+
+    // Breadcrumb screens
+    DOMAIN_OLDDOT_TEST: 'Domain_OLDDOT_TEST',
+
+    WORKSPACE_OLDDOT: 'Workspace_OLDDOT',
 } as const;

src/SUB_NAVIGATION_MENU_MAPPING.ts

@@ -0,0 +1,11 @@
+import CONST from './CONST';
+import SCREENS from './SCREENS';
+
+export default {
+    [CONST.SUB_NAVIGATION_MENU.HOME]: [SCREENS.HOME_OLDDOT],
+    [CONST.SUB_NAVIGATION_MENU.CHATS]: [SCREENS.REPORT],
+    [CONST.SUB_NAVIGATION_MENU.MONEY]: [SCREENS.EXPENSES_OLDDOT, SCREENS.REPORTS_OLDDOT, SCREENS.INSIGHTS_OLDDOT],
+    [CONST.SUB_NAVIGATION_MENU.WORKSPACES]: [SCREENS.INDIVIDUAL_WORKSPACE_OLDDOT, SCREENS.GROUPS_WORKSPACES_OLDDOT, SCREENS.DOMAINS_OLDDOT],
+    // Breadcrumbs menus
+    [CONST.SUB_NAVIGATION_MENU.DOMAINS]: [SCREENS.DOMAIN_OLDDOT_TEST],
+} as const;

src/components/BlockingViews/FullPageBiggerScreenView.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import * as Illustrations from '../Icon/Illustrations';
+import Navigation from '../../libs/Navigation/Navigation';
+import BlockingView from './BlockingView';
+import useLocalize from '../../hooks/useLocalize';
+import withWindowDimensions, {windowDimensionsPropTypes} from '../withWindowDimensions';
+
+const propTypes = {
+    /** Child elements */
+    children: PropTypes.node.isRequired,
+
+    ...windowDimensionsPropTypes,
+};
+
+function FullPageBiggerScreenView({isSmallScreenWidth, children}) {
+    const {translate} = useLocalize();
+
+    if (isSmallScreenWidth) {
+        return (
+            <BlockingView
+                icon={Illustrations.BiggerScreen}
+                title={translate('common.biggerScreenNeeded.title')}
+                subtitle={translate('common.biggerScreenNeeded.subtitle')}
+                linkKey="notFound.goBackHome"
+                onLinkPress={Navigation.goBack}
+                shouldShowLink
+            />
+        );
+    }
+
+    return children;
+}
+
+FullPageBiggerScreenView.propTypes = propTypes;
+FullPageBiggerScreenView.displayName = 'FullPageBiggerScreenView';
+
+export default withWindowDimensions(FullPageBiggerScreenView);