Save the last visited path for the Accounts pages

src/CONST.ts

@@ -6406,7 +6406,10 @@ const CONST = {
         ACTIVE_WORKSPACE_ID: 'ACTIVE_WORKSPACE_ID',
         RETRY_LAZY_REFRESHED: 'RETRY_LAZY_REFRESHED',
         LAST_REFRESH_TIMESTAMP: 'LAST_REFRESH_TIMESTAMP',
-        LAST_VISITED_WORKSPACES_TAB_PATH: 'LAST_VISITED_WORKSPACES_TAB_PATH',
+        LAST_VISITED_TAB_PATH: {
+            WORKSPACES: 'LAST_VISITED_WORKSPACES_TAB_PATH',
+            SETTINGS: 'LAST_VISITED_SETTINGS_TAB_PATH',
+        },
     },
 
     RESERVATION_TYPE: {

src/components/Navigation/NavigationTabBar/index.tsx

@@ -23,7 +23,12 @@ import clearSelectedText from '@libs/clearSelectedText/clearSelectedText';
 import getPlatform from '@libs/getPlatform';
 import interceptAnonymousUser from '@libs/interceptAnonymousUser';
 import {getPreservedNavigatorState} from '@libs/Navigation/AppNavigator/createSplitNavigator/usePreserveNavigatorState';
-import {getLastVisitedWorkspacesTabPath, getLastVisitedWorkspaceTabScreen, getWorkspacesTabStateFromSessionStorage} from '@libs/Navigation/helpers/getLastVisitedWorkspaceTabScreen';
+import {
+    getLastVisitedTabPath,
+    getLastVisitedWorkspaceTabScreen,
+    getSettingsTabStateFromSessionStorage,
+    getWorkspacesTabStateFromSessionStorage,
+} from '@libs/Navigation/helpers/lastVisitedTabPathUtils';
 import {buildCannedSearchQuery, buildSearchQueryJSON, buildSearchQueryString} from '@libs/SearchQueryUtils';
 import type {BrickRoad} from '@libs/WorkspacesSettingsUtils';
 import {getChatTabBrickRoad} from '@libs/WorkspacesSettingsUtils';
@@ -121,9 +126,17 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
             return;
         }
         interceptAnonymousUser(() => {
+            const settingsTabState = getSettingsTabStateFromSessionStorage();
+            if (settingsTabState && !shouldUseNarrowLayout) {
+                const lastVisitedSettingsRoute = getLastVisitedTabPath(settingsTabState);
+                if (lastVisitedSettingsRoute) {
+                    Navigation.navigate(lastVisitedSettingsRoute);
+                    return;
+                }
+            }
             Navigation.navigate(ROUTES.SETTINGS);
         });
-    }, [selectedTab]);
+    }, [selectedTab, shouldUseNarrowLayout]);
 
     /**
      * The settings tab is related to SettingsSplitNavigator and WorkspaceSplitNavigator.
@@ -185,7 +198,7 @@ function NavigationTabBar({selectedTab, isTooltipAllowed = false, isTopLevelBar
             // If the path stored in the session storage leads to a settings screen, we just navigate to it on a wide layout.
             // On a small screen, we want to go to the page containing the bottom tab bar (ROUTES.SETTINGS or ROUTES.SETTINGS_WORKSPACES) when changing tabs
             if (workspacesTabState && !shouldUseNarrowLayout) {
-                const lastVisitedSettingsRoute = getLastVisitedWorkspacesTabPath(workspacesTabState);
+                const lastVisitedSettingsRoute = getLastVisitedTabPath(workspacesTabState);
                 if (lastVisitedSettingsRoute) {
                     Navigation.navigate(lastVisitedSettingsRoute);
                     return;

src/libs/Navigation/NavigationRoot.tsx

@@ -26,8 +26,8 @@ import AppNavigator from './AppNavigator';
 import {cleanPreservedNavigatorStates} from './AppNavigator/createSplitNavigator/usePreserveNavigatorState';
 import customGetPathFromState from './helpers/customGetPathFromState';
 import getAdaptedStateFromPath from './helpers/getAdaptedStateFromPath';
-import {saveWorkspacesTabPathToSessionStorage} from './helpers/getLastVisitedWorkspaceTabScreen';
-import {isWorkspacesTabScreenName} from './helpers/isNavigatorName';
+import {isSettingsTabScreenName, isWorkspacesTabScreenName} from './helpers/isNavigatorName';
+import {saveSettingsTabPathToSessionStorage, saveWorkspacesTabPathToSessionStorage} from './helpers/lastVisitedTabPathUtils';
 import {linkingConfig} from './linkingConfig';
 import Navigation, {navigationRef} from './Navigation';
 
@@ -74,6 +74,8 @@ function parseAndLogRoute(state: NavigationState) {
     Navigation.setIsNavigationReady();
     if (isWorkspacesTabScreenName(state.routes.at(-1)?.name)) {
         saveWorkspacesTabPathToSessionStorage(currentPath);
+    } else if (isSettingsTabScreenName(state.routes.at(-1)?.name)) {
+        saveSettingsTabPathToSessionStorage(currentPath);
     }
 
     // Fullstory Page navigation tracking

src/libs/Navigation/helpers/isNavigatorName.ts

@@ -1,5 +1,5 @@
 import {SIDEBAR_TO_SPLIT, SPLIT_TO_SIDEBAR} from '@libs/Navigation/linkingConfig/RELATIONS';
-import type {FullScreenName, OnboardingFlowName, SplitNavigatorName, SplitNavigatorSidebarScreen, WorkspacesTabScreenName} from '@libs/Navigation/types';
+import type {FullScreenName, OnboardingFlowName, SettingsTabScreenName, SplitNavigatorName, SplitNavigatorSidebarScreen, WorkspacesTabScreenName} from '@libs/Navigation/types';
 import NAVIGATORS from '@src/NAVIGATORS';
 import SCREENS from '@src/SCREENS';
 
@@ -20,6 +20,7 @@ const SIDEBARS_SET = new Set(Object.values(SPLIT_TO_SIDEBAR));
 const ONBOARDING_SCREENS_SET = new Set(ONBOARDING_SCREENS);
 const SPLIT_NAVIGATORS_SET = new Set(Object.values(SIDEBAR_TO_SPLIT));
 const WORKSPACES_TAB_SET = new Set(Object.values([NAVIGATORS.WORKSPACE_HUB_SPLIT_NAVIGATOR, NAVIGATORS.WORKSPACE_SPLIT_NAVIGATOR]));
+const SETTINGS_TAB_SET = new Set(Object.values([NAVIGATORS.SETTINGS_SPLIT_NAVIGATOR]));
 
 /**
  * Functions defined below are used to check whether a screen belongs to a specific group.
@@ -49,8 +50,12 @@ function isSidebarScreenName(screen: string | undefined) {
     return checkIfScreenHasMatchingNameToSetValues<SplitNavigatorSidebarScreen>(screen, SIDEBARS_SET);
 }
 
+function isSettingsTabScreenName(screen: string | undefined) {
+    return checkIfScreenHasMatchingNameToSetValues<SettingsTabScreenName>(screen, SETTINGS_TAB_SET);
+}
+
 function isWorkspacesTabScreenName(screen: string | undefined) {
     return checkIfScreenHasMatchingNameToSetValues<WorkspacesTabScreenName>(screen, WORKSPACES_TAB_SET);
 }
 
-export {isFullScreenName, isOnboardingFlowName, isSidebarScreenName, isSplitNavigatorName, isWorkspacesTabScreenName};
+export {isFullScreenName, isOnboardingFlowName, isSidebarScreenName, isSplitNavigatorName, isWorkspacesTabScreenName, isSettingsTabScreenName};

src/libs/Navigation/helpers/lastVisitedTabPathUtils/index.native.ts

@@ -0,0 +1,36 @@
+import type {NavigationState, PartialState} from '@react-navigation/native';
+import type {Route} from '@src/ROUTES';
+
+function clearSessionStorage() {}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function saveWorkspacesTabPathToSessionStorage(url: string) {}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function saveSettingsTabPathToSessionStorage(url: string) {}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function getLastVisitedTabPath(state: NavigationState | PartialState<NavigationState>): Route | undefined {
+    return undefined;
+}
+
+function getWorkspacesTabStateFromSessionStorage() {
+    return undefined;
+}
+function getSettingsTabStateFromSessionStorage() {
+    return undefined;
+}
+
+function getLastVisitedWorkspaceTabScreen() {
+    return undefined;
+}
+
+export {
+    clearSessionStorage,
+    getLastVisitedWorkspaceTabScreen,
+    getLastVisitedTabPath,
+    saveSettingsTabPathToSessionStorage,
+    getSettingsTabStateFromSessionStorage,
+    saveWorkspacesTabPathToSessionStorage,
+    getWorkspacesTabStateFromSessionStorage,
+};

src/libs/Navigation/helpers/lastVisitedTabPathUtils/index.ts

@@ -0,0 +1,71 @@
+import type {NavigationState, PartialState} from '@react-navigation/native';
+import {findFocusedRoute} from '@react-navigation/native';
+import type {ValueOf} from 'type-fest';
+import getStateFromPath from '@libs/Navigation/helpers/getStateFromPath';
+import CONST from '@src/CONST';
+import type {Route} from '@src/ROUTES';
+
+type SessionStorageKey = ValueOf<typeof CONST.SESSION_STORAGE_KEYS.LAST_VISITED_TAB_PATH>;
+
+/**
+ * Clears all session storage data.
+ */
+function clearSessionStorage() {
+    sessionStorage.clear();
+}
+
+/**
+ * Generic function to save a path to session storage by key
+ */
+function saveTabPathToSessionStorage(key: SessionStorageKey, url: string) {
+    sessionStorage.setItem(key, url);
+}
+
+/**
+ * Converts stored path to navigation state
+ */
+function getTabStateFromSessionStorage(key: SessionStorageKey) {
+    const path = sessionStorage.getItem(key) as Route | undefined;
+    if (!path) {
+        return undefined;
+    }
+    return getStateFromPath(path);
+}
+
+/**
+ * Generic function to extract the path from currently focused route
+ */
+function getLastVisitedTabPath(state: NavigationState | PartialState<NavigationState>): Route | undefined {
+    return findFocusedRoute(state)?.path as Route | undefined;
+}
+
+function saveWorkspacesTabPathToSessionStorage(url: string) {
+    saveTabPathToSessionStorage(CONST.SESSION_STORAGE_KEYS.LAST_VISITED_TAB_PATH.WORKSPACES, url);
+}
+
+function getWorkspacesTabStateFromSessionStorage() {
+    return getTabStateFromSessionStorage(CONST.SESSION_STORAGE_KEYS.LAST_VISITED_TAB_PATH.WORKSPACES);
+}
+
+function saveSettingsTabPathToSessionStorage(url: string) {
+    saveTabPathToSessionStorage(CONST.SESSION_STORAGE_KEYS.LAST_VISITED_TAB_PATH.SETTINGS, url);
+}
+
+function getSettingsTabStateFromSessionStorage() {
+    return getTabStateFromSessionStorage(CONST.SESSION_STORAGE_KEYS.LAST_VISITED_TAB_PATH.SETTINGS);
+}
+
+function getLastVisitedWorkspaceTabScreen() {
+    const workspacesTabState = getWorkspacesTabStateFromSessionStorage();
+    return workspacesTabState?.routes?.at(-1)?.state?.routes?.at(-1)?.name;
+}
+
+export {
+    clearSessionStorage,
+    getLastVisitedWorkspaceTabScreen,
+    getLastVisitedTabPath,
+    saveSettingsTabPathToSessionStorage,
+    getSettingsTabStateFromSessionStorage,
+    saveWorkspacesTabPathToSessionStorage,
+    getWorkspacesTabStateFromSessionStorage,
+};

src/libs/Navigation/types.ts

@@ -2050,7 +2050,7 @@ type FullScreenName = SplitNavigatorName | SearchFullscreenNavigatorName;
 type WorkspacesTabScreenName = typeof NAVIGATORS.WORKSPACE_HUB_SPLIT_NAVIGATOR | typeof NAVIGATORS.WORKSPACE_SPLIT_NAVIGATOR;
 
 type WorkspaceScreenName = keyof WorkspaceSplitNavigatorParamList;
-
+type SettingsTabScreenName = typeof NAVIGATORS.SETTINGS_SPLIT_NAVIGATOR;
 declare global {
     // eslint-disable-next-line @typescript-eslint/no-namespace
     namespace ReactNavigation {
@@ -2131,6 +2131,7 @@ export type {
     ScheduleCallParamList,
     TestDriveModalNavigatorParamList,
     WorkspaceScreenName,
+    SettingsTabScreenName,
     TestDriveDemoNavigatorParamList,
     WorkspacesTabScreenName,
 };

src/libs/actions/SignInRedirect.ts

@@ -1,6 +1,6 @@
 import Onyx from 'react-native-onyx';
 import {getMicroSecondOnyxErrorWithMessage} from '@libs/ErrorUtils';
-import {clearSessionStorage} from '@libs/Navigation/helpers/getLastVisitedWorkspaceTabScreen';
+import {clearSessionStorage} from '@libs/Navigation/helpers/lastVisitedTabPathUtils';
 import type {OnyxKey} from '@src/ONYXKEYS';
 import ONYXKEYS from '@src/ONYXKEYS';
 import {clearAllPolicies} from './Policy/Policy';