fix(active-route): Navigation.isActiveRoute function updated to add t…

…he current route logic

src/libs/Navigation/Navigation.js

@@ -1,6 +1,6 @@
 import _ from 'underscore';
 import React from 'react';
-import {StackActions, DrawerActions} from '@react-navigation/native';
+import {StackActions, DrawerActions, useLinkBuilder} from '@react-navigation/native';
 import PropTypes from 'prop-types';
 import Onyx from 'react-native-onyx';
 import linkTo from './linkTo';
@@ -125,13 +125,22 @@ function dismissModal(shouldOpenDrawer = false) {
 /**
  * Check whether the passed route is currently Active or not.
  *
+ * Previous implementation used navigationRef.current.getCurrentRoute().path, which was
+ * undefined in the first navigation. Hence, in our current solution, we're rebuilding
+ * the active route using the useLinkBuilder hook that takes routeName and params as the arguments.
+ *
  * @param {String} routePath Path to check
  * @return {Boolean} is active
  */
-function isActive(routePath) {
+function isActiveRoute(routePath) {
+    const buildLink = useLinkBuilder();
+
     // We remove First forward slash from the URL before matching
-    const path = navigationRef.current && navigationRef.current.getCurrentRoute().path
-        ? navigationRef.current.getCurrentRoute().path.substring(1)
+    const path = navigationRef.current && navigationRef.current.getCurrentRoute().name
+        ? buildLink(
+            navigationRef.current.getCurrentRoute().name,
+            navigationRef.current.getCurrentRoute().params,
+        ).substring(1)
         : '';
     return path === routePath;
 }
@@ -167,7 +176,7 @@ DismissModal.defaultProps = {
 export default {
     navigate,
     dismissModal,
-    isActive,
+    isActiveRoute,
     goBack,
     DismissModal,
     closeDrawer,

src/pages/workspace/WorkspaceSidebar.js

@@ -50,15 +50,15 @@ const WorkspaceSidebar = ({translate, isSmallScreenWidth, policy}) => {
             action: () => {
                 Navigation.navigate(ROUTES.getWorkspaceCardRoute(policy.id));
             },
-            isActive: Navigation.isActive(ROUTES.getWorkspaceCardRoute(policy.id)),
+            isActive: Navigation.isActiveRoute(ROUTES.getWorkspaceCardRoute(policy.id)),
         },
         {
             translationKey: 'common.people',
             icon: Users,
             action: () => {
                 Navigation.navigate(ROUTES.getWorkspacePeopleRoute(policy.id));
             },
-            isActive: Navigation.isActive(ROUTES.getWorkspacePeopleRoute(policy.id)),
+            isActive: Navigation.isActiveRoute(ROUTES.getWorkspacePeopleRoute(policy.id)),
         },
     ];