feat: implement role assignment wizard navigation and refactor route handling

Author: bra-i-am

src/authz-module/authz-home/index.tsx

@@ -5,6 +5,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 import RolesPermissions from '../roles-permissions/RolesPermissions';
 import AuthZLayout from '../components/AuthZLayout';
 
+import { buildWizardPath } from '../constants';
 import messages from './messages';
 
 const AuthzHome = () => {
@@ -27,7 +28,7 @@ const AuthzHome = () => {
           <Button
             iconBefore={Plus}
             variant="primary"
-            onClick={() => navigate('/authz/assign-role')}
+            onClick={() => navigate(buildWizardPath())}
             key="assign-role"
           >
             {intl.formatMessage(messages['authz.manage.assign.role.button'])}

src/authz-module/constants.ts

@@ -1,9 +1,12 @@
 export const ROUTES = {
+  HOME_PATH: '/authz',
   LIBRARIES_TEAM_PATH: '/libraries/:libraryId',
   LIBRARIES_USER_PATH: '/libraries/:libraryId/:username',
   ASSIGN_ROLE_WIZARD_PATH: '/assign-role',
 };
 
+export const buildWizardPath = () => `${ROUTES.HOME_PATH}${ROUTES.ASSIGN_ROLE_WIZARD_PATH}`;
+
 export enum RoleOperationErrorStatus {
   USER_NOT_FOUND = 'user_not_found',
   USER_ALREADY_HAS_ROLE = 'user_already_has_role',

src/authz-module/wizard/AssignRoleWizardPage.tsx

@@ -2,7 +2,6 @@ import { useNavigate, useSearchParams } from 'react-router-dom';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import AssignRoleWizard from './AssignRoleWizard';
 import AuthZLayout from '../components/AuthZLayout';
-import { useLibrary } from '../data/hooks';
 import { ROUTES } from '../constants';
 import messages from './messages';
 
@@ -12,19 +11,17 @@ const AssignRoleWizardPage = () => {
   const [searchParams] = useSearchParams();
   const initialUsers = searchParams.get('users') || '';
 
-  const homePath = '/authz';
-
   return (
     <AuthZLayout
       context={{ id: '', title: '', org: '' }}
-      navLinks={[{ label: intl.formatMessage(messages['wizard.page.breadcrumb']), to: homePath }]}
+      navLinks={[{ label: intl.formatMessage(messages['wizard.page.breadcrumb']), to: ROUTES.HOME_PATH }]}
       activeLabel={intl.formatMessage(messages['wizard.page.title'])}
       pageTitle={intl.formatMessage(messages['wizard.page.title'])}
       pageSubtitle=""
       actions={[]}
     >
       <AssignRoleWizard
-        onClose={() => navigate(homePath)}
+        onClose={() => navigate(ROUTES.HOME_PATH)}
         initialUsers={initialUsers}
       />
     </AuthZLayout>