-
+
+
+
+ {intl.formatMessage(commonMessages.cancel)}
+
-
+
);
};
@@ -142,6 +182,10 @@ const CreateDepartmentPage = () => {
const navigationCrumbs = useBreadcrumbs({
crumbs: [
+ {
+ label: intl.formatMessage(pageTitles.adminDashboard),
+ url: routes.adminDashboard(),
+ },
{
label: intl.formatMessage(pageTitles.departments),
url: routes.departmentTable(),
@@ -159,21 +203,27 @@ const CreateDepartmentPage = () => {
});
const pageTitle = intl.formatMessage({
- defaultMessage: "Create department",
- id: "PRrRRN",
+ defaultMessage: "Create a department",
+ id: "ZpYj8o",
description: "Page title for the department creation page",
});
return (
<>
-
-
-
-
+
+
+
+
+
);
};
diff --git a/apps/web/src/pages/Departments/messages.ts b/apps/web/src/pages/Departments/messages.ts
new file mode 100644
index 00000000000..bccad3601c5
--- /dev/null
+++ b/apps/web/src/pages/Departments/messages.ts
@@ -0,0 +1,19 @@
+import { defineMessage } from "react-intl";
+
+export const labels = {
+ nameEn: defineMessage({
+ defaultMessage: "Department name (English)",
+ id: "nZgmOO",
+ description: "Label for department name in English",
+ }),
+ nameFr: defineMessage({
+ defaultMessage: "Department name (French)",
+ id: "8q2dPO",
+ description: "Label for department name in French",
+ }),
+ departmentNumber: defineMessage({
+ defaultMessage: "Department number",
+ id: "66kU6k",
+ description: "Label for department number",
+ }),
+} as const;
From 7cfa953f91a2cc3485e9d4612bcb2013dbc58d09 Mon Sep 17 00:00:00 2001
From: Peter Giles <8978655+petertgiles@users.noreply.github.com>
Date: Wed, 23 Oct 2024 15:44:51 -0400
Subject: [PATCH 04/21] fix create department buttons
---
.../Departments/CreateDepartmentPage.tsx | 20 ++++++++++++-------
1 file changed, 13 insertions(+), 7 deletions(-)
diff --git a/apps/web/src/pages/Departments/CreateDepartmentPage.tsx b/apps/web/src/pages/Departments/CreateDepartmentPage.tsx
index 0eee87698d6..ed7e2aa793e 100644
--- a/apps/web/src/pages/Departments/CreateDepartmentPage.tsx
+++ b/apps/web/src/pages/Departments/CreateDepartmentPage.tsx
@@ -6,11 +6,7 @@ import IdentificationIcon from "@heroicons/react/24/outline/IdentificationIcon";
import { toast } from "@gc-digital-talent/toast";
import { Input, Submit } from "@gc-digital-talent/forms";
-import {
- commonMessages,
- errorMessages,
- formMessages,
-} from "@gc-digital-talent/i18n";
+import { errorMessages } from "@gc-digital-talent/i18n";
import { graphql, CreateDepartmentInput } from "@gc-digital-talent/graphql";
import { ROLE_NAME } from "@gc-digital-talent/auth";
import { Heading, Link, Separator } from "@gc-digital-talent/ui";
@@ -144,9 +140,19 @@ export const CreateDepartmentForm = ({
data-h2-gap="base(x1)"
data-h2-align-items="base(center)"
>
-
+
- {intl.formatMessage(commonMessages.cancel)}
+ {intl.formatMessage({
+ defaultMessage: "Cancel and go back to departments",
+ id: "uqI3Vf",
+ description: "Button label to return to the departments table",
+ })}