Add breadcrumbs to Recruiter Dashboard and give proper title (#1401)

* Add breadcrumbs to Recruiter Dashboard * Use Dashboard as name for recruiter dashboard page
Samfundet · Sep 26, 2024 · e65f650 · e65f650
1 parent 805cb1f
commit e65f650
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 5 deletions.
diff --git a/...nd/src/PagesAdmin/RecruitmentRecruiterDashboardPage/RecruitmentRecruiterDashboardPage.tsx b/...nd/src/PagesAdmin/RecruitmentRecruiterDashboardPage/RecruitmentRecruiterDashboardPage.tsx
@@ -46,7 +46,7 @@ export function RecruitmentRecruiterDashboardPage() {
     return <></>;
   }
 
-  const title = `${t(KEY.recruitment_overview)} - ${getObjectFieldOrNumber(recruitment?.organization, 'name')} - ${dbT(
+  const title = `${t(KEY.recruitment_recruiter_dashboard)} - ${getObjectFieldOrNumber(recruitment?.organization, 'name')} - ${dbT(
     recruitment,
     'name',
   )}`;

diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
@@ -336,6 +336,7 @@ export const KEY = {
   recruitment_no_current_applications_gang: 'recruitment_no_current_applications_gang',
   recruitment_progression: 'recruitment_progression',
   recruitment_overview: 'recruitment_overview',
+  recruitment_recruiter_dashboard: 'recruitment_recruiter_dashboard',
   recruitment_dashboard_description: 'recruitment_dashboard_description',
   recruitment_application: 'recruitment_application',
   recruitment_admitted: 'recruitment_admitted',

diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
@@ -299,6 +299,7 @@ export const nb = prepareTranslations({
   [KEY.recruitment_applications]: 'søknader',
   [KEY.recruitment_progression]: 'Opptak fremgang',
   [KEY.recruitment_overview]: 'Opptak oversikt',
+  [KEY.recruitment_recruiter_dashboard]: 'Dashbord',
   [KEY.recruitment_statistics]: 'Opptak statistikk',
   [KEY.recruitment_applications_processed]: 'søknader behandlet',
   [KEY.recruitment_automatic_rejection]: 'Automatisk avslag',
@@ -723,6 +724,7 @@ export const en = prepareTranslations({
   [KEY.application_deadline]: 'Application deadline',
   [KEY.recruitment_progression]: 'Recruitment progression',
   [KEY.recruitment_overview]: 'Recruitment overview',
+  [KEY.recruitment_recruiter_dashboard]: 'Dashboard',
   [KEY.recruitment_admitted]: 'admitted',
   [KEY.recruitment_statistics]: 'Recruitment statistics',
   [KEY.recruitment_applications]: 'applications',

diff --git a/frontend/src/router/router.tsx b/frontend/src/router/router.tsx
@@ -378,10 +378,6 @@ export const router = createBrowserRouter(
               ),
             }}
           />
-          <Route
-            path={ROUTES.frontend.admin_recruitment_recruiter_dashboard}
-            element={<RecruitmentRecruiterDashboardPage />}
-          />
           <Route
             path={ROUTES.frontend.admin_recruitment_gang_all_applications}
             element={<RecruitmentGangAllApplicantsAdminPage />}
@@ -429,6 +425,23 @@ export const router = createBrowserRouter(
               },
             }}
           >
+            <Route
+              path={ROUTES.frontend.admin_recruitment_recruiter_dashboard}
+              element={<RecruitmentRecruiterDashboardPage />}
+              loader={recruitmentLoader}
+              handle={{
+                crumb: ({ recruitment }: RecruitmentLoader) => (
+                  <Link
+                    url={reverse({
+                      pattern: ROUTES.frontend.admin_recruitment_recruiter_dashboard,
+                      urlParams: { recruitmentId: recruitment?.id },
+                    })}
+                  >
+                    {t(KEY.recruitment_recruiter_dashboard)}
+                  </Link>
+                ),
+              }}
+            />
             <Route
               path={ROUTES.frontend.admin_recruitment_gang_separateposition_create}
               element={