[Feature] Admin department page styling

apps/web/src/components/Hero/Hero.tsx

@@ -17,13 +17,13 @@ import NavigationMenu from "./NavigationMenu";
 
 const paddingMap = {
   default: {
-    "data-h2-padding": "base(x5.5 0 x4 0)",
+    "data-h2-padding": "base(x5.5 0 x2 0)",
   },
   image: {
-    "data-h2-padding": "base(x5.5 0 0 0) p-tablet(x5.5 0 x4 0)",
+    "data-h2-padding": "base(x5.5 0 0 0) p-tablet(x5.5 0 x2 0)",
   },
   overlap: {
-    "data-h2-padding": "base(x5.5, 0, x8, 0)",
+    "data-h2-padding": "base(x5.5, 0, x6, 0)",
   },
   navTabs: {
     "data-h2-padding": "base(x5.5 0 0 0)",

apps/web/src/components/Router.tsx

@@ -806,6 +806,11 @@ const createRoute = (locale: Locales) =>
                     {
                       path: ":departmentId",
                       children: [
+                        {
+                          index: true,
+                          lazy: () =>
+                            import("../pages/Departments/ViewDepartmentPage"),
+                        },
                         {
                           path: "edit",
                           lazy: () =>

apps/web/src/hooks/useRoutes.ts

@@ -146,6 +146,8 @@ const getRoutes = (lang: Locales) => {
     departmentTable: () => [adminUrl, "settings", "departments"].join("/"),
     departmentCreate: () =>
       [adminUrl, "settings", "departments", "create"].join("/"),
+    departmentView: (departmentId: string) =>
+      [adminUrl, "settings", "departments", departmentId].join("/"),
     departmentUpdate: (departmentId: string) =>
       [adminUrl, "settings", "departments", departmentId, "edit"].join("/"),
 

apps/web/src/lang/fr.json

@@ -299,10 +299,6 @@
     "defaultMessage": "Vos principales compétences",
     "description": "Title for the top skills section of a users skill showcase"
   },
-  "/YiBdv": {
-    "defaultMessage": "Numéro de ministère",
-    "description": "Label displayed on the create a department form department number field."
-  },
   "/ZPTlP": {
     "defaultMessage": "Les Procédures obligatoires sur les talents numériques ont été mises à jour pour plus de clarté et afin de réduire les exigences en matière de rapports et mieux les aligner sur d’autres instruments politiques. La directive reste inchangée.",
     "description": "Description for the mandatory procedures card"
@@ -1563,6 +1559,10 @@
     "defaultMessage": "Lorsque vous utilisez la fonction « <findTalentLink>Trouver des talents</findTalentLink> » pour demander des références pour des embauches potentielles, vos critères et vos notes seront enregistrés comme une demande et suivis dans cette section. Les demandes en cours apparaîtront également sur votre « <managerDashboardLink> Tableau de bord du gestionnaire </managerDashboardLink> ». Lorsqu'une demande est terminée, elle passe automatiquement de cette section à votre <requestHistoryLink>Historique des demandes</requestHistoryLink>.",
     "description": "description of the active requests section on the manager request history page"
   },
+  "66kU6k": {
+    "defaultMessage": "Numéro de ministère",
+    "description": "Label for department number"
+  },
   "66qMwD": {
     "defaultMessage": "« ... réfère à une personne dont les activités quotidiennes sont limitées en raison d'un trouble ou d'une difficulté à accomplir certaines tâches. La seule exception à cet égard concerne les troubles du développement, le répondant qui a reçu un tel diagnostic étant considéré comme ayant une incapacité. »",
     "description": "Definition of Person with a disability from the StatsCan 'Classification of Status of Disability' page."
@@ -3503,10 +3503,6 @@
     "defaultMessage": "Niveau",
     "description": "Label displayed on classification level input"
   },
-  "GKo3Df": {
-    "defaultMessage": "Mettre à jour un ministère",
-    "description": "Page title for the department edit page"
-  },
   "GMglI5": {
     "defaultMessage": "Adresse courriel validée",
     "description": "The email address has been verified to be owned by user"
@@ -5203,10 +5199,6 @@
     "defaultMessage": "Créer<hidden> un regroupement de compétences</hidden>",
     "description": "Breadcrumb title for the create skill family page link."
   },
-  "PRrRRN": {
-    "defaultMessage": "Créer un ministère",
-    "description": "Page title for the department creation page"
-  },
   "PS/LFb": {
     "defaultMessage": "<strong>Non</strong>, je ne suis pas un(e) employé(e) du gouvernement du Canada.",
     "description": "Label displayed for is not a government employee option"
@@ -5391,10 +5383,6 @@
     "defaultMessage": "Identifiant de processus copié",
     "description": "Button text to indicate that a specific qualified recruitment's ID has been copied"
   },
-  "QOvS1b": {
-    "defaultMessage": "Numéro de ministère",
-    "description": "Title displayed for the Department table Department # column."
-  },
   "QQXvOh": {
     "defaultMessage": "Notre engagement à l’égard de l’accessibilité",
     "description": "Title for the accessibility commitment section."
@@ -6402,6 +6390,10 @@
     "defaultMessage": "Embauché (Période déterminée)",
     "description": "Status for an application that has been hired with a term contract"
   },
+  "VpqH38": {
+    "defaultMessage": "Utilisez le bouton « Créez un nouveau ministère » pour commencer.",
+    "description": "Instructions for adding a department item."
+  },
   "VrLfLw": {
     "defaultMessage": "Courriel du conseiller/ère en RH",
     "description": "Input label asking for the HR advisor's email address."
@@ -7186,10 +7178,6 @@
     "defaultMessage": "Choisir un statut :",
     "description": "Third section of text on the change candidate status dialog"
   },
-  "ZbpbD6": {
-    "defaultMessage": "Créer un ministère",
-    "description": "Heading displayed above the Create Department form."
-  },
   "Zd02bf": {
     "defaultMessage": "Bienvenue à la première étape de votre demande. Nous sommes ravis de vous rencontrer!",
     "description": "Subtitle for the application welcome page"
@@ -7202,6 +7190,10 @@
     "defaultMessage": "La <relationsLink>Commission des relations de travail et de l’emploi dans le secteur public fédéral</relationsLink> traite les plaintes de certains employés de la fonction publique fédérale, membres de la Gendarmerie royale du Canada et employés du Parlement.",
     "description": "Description of complaints to the Federal Public Sector Labour Relations and Employment Board<"
   },
+  "ZpYj8o": {
+    "defaultMessage": "Créer un ministère",
+    "description": "Page title for the department creation page"
+  },
   "ZqZc8Z": {
     "defaultMessage": "La création de votre parcours professionnel est un peu différente sur cette plateforme. Tout d’abord, le travail que vous effectuez ici sera enregistré dans votre profil afin que vous puissiez le réutiliser ultérieurement pour d’autres candidatures.",
     "description": "Application step to begin working on career timeline, paragraph one"
@@ -7354,6 +7346,10 @@
     "defaultMessage": "Je suis actuellement actif dans cette expérience.",
     "description": "Label displayed on Personal Experience form for current experience input"
   },
+  "af1unJ": {
+    "defaultMessage": "Numéro",
+    "description": "Title displayed for the Department table Department # column."
+  },
   "agcOO1": {
     "defaultMessage": "Rendre nos produits accessibles et utilisables par tous",
     "description": "Heading for the items we consider for accessibility."
@@ -7482,10 +7478,6 @@
     "defaultMessage": "Vous n'avez pas encore de demandes terminées.",
     "description": "Title for notice when there are no pool candidate search requests"
   },
-  "bUyxJi": {
-    "defaultMessage": "Chercher les ministères",
-    "description": "Label for the departments table search input"
-  },
   "bVQ/rm": {
     "defaultMessage": "Tous les utilisateurs",
     "description": "Title for the index user page"
@@ -7614,6 +7606,10 @@
     "defaultMessage": "Requises",
     "description": "Label for a required skill"
   },
+  "c7d3np": {
+    "defaultMessage": "Créez un nouveau ministère",
+    "description": "Heading displayed above the Create Department form."
+  },
   "cA0iH+": {
     "defaultMessage": "Renseignements personnels",
     "description": "Profile and applications card title for profile card"
@@ -8094,6 +8090,10 @@
     "defaultMessage": "Compte d'utilisateur supprimé",
     "description": "Title for the alert displayed after a user signs into a deleted account"
   },
+  "eNTKLK": {
+    "defaultMessage": "Information sur le ministère",
+    "description": "Heading for the 'create a department' form"
+  },
   "eO9buR": {
     "defaultMessage": "4. Félicitations! <strong>Vous vous êtes connecté avec une CléGC</strong> et vous serez redirigé vers la <strong>plateforme de talents numériques du GC</strong>.",
     "description": "Text for final sign in step."
@@ -9102,6 +9102,10 @@
     "defaultMessage": "<strong>Ma situation correspond à l’option de deux années d’études postsecondaires.</strong>",
     "description": "Radio group option for education requirement filter in application education form."
   },
+  "j/qPu0": {
+    "defaultMessage": "Créez le ministère",
+    "description": "Button label to create a new department"
+  },
   "j12uou": {
     "defaultMessage": "un nouveau système technologique, logiciel ou matériel d’une nature fondamentalement différente de ceux utilisés précédemment;",
     "description": "technological change factor - new technological system"
@@ -10174,6 +10178,10 @@
     "defaultMessage": "Sauvegarder cette question",
     "description": "Button text to save a general question"
   },
+  "os2TYf": {
+    "defaultMessage": "Modifiez l'information sur le ministère",
+    "description": "Link to edit the currently viewed department"
+  },
   "osGGIt": {
     "defaultMessage": "Programme d’apprentissage en TI pour les personnes autochtones + Portail des talents autochtones",
     "description": "heading for indigenous talent portal section"
@@ -10866,6 +10874,10 @@
     "defaultMessage": "Candidat retiré avec succès",
     "description": "Success message for removing a candidate"
   },
+  "sp9OKU": {
+    "defaultMessage": "Information sur le ministère",
+    "description": "Nav tab label for department information"
+  },
   "sr20Tb": {
     "defaultMessage": "Citoyenneté",
     "description": "Citizenship label"
@@ -11170,6 +11182,10 @@
     "defaultMessage": "« Je comprends que je fais partie d'une collectivité qui se fait confiance »",
     "description": "Signature list item on sign and submit page."
   },
+  "uqI3Vf": {
+    "defaultMessage": "Annulez et revenez aux ministères",
+    "description": "Button label to return to the departments table"
+  },
   "uqiPvH": {
     "defaultMessage": "Suivi de vos candidatures",
     "description": "Heading for track applications section on the profile and applications."
@@ -11694,6 +11710,10 @@
     "defaultMessage": "Vous êtes maintenant arrivé(e) à votre page de profil de Talents numériques.",
     "description": "First paragraph for profile and applications notification welcoming an IAP user"
   },
+  "y+R3x+": {
+    "defaultMessage": "Modifier un ministère",
+    "description": "Page title for the department edit page"
+  },
   "y+r+ej": {
     "defaultMessage": "Groupe et niveau",
     "description": "Title displayed on the search request table group and level column."
@@ -11818,10 +11838,6 @@
     "defaultMessage": "Un code d’identification de dossier personnel (CIDP)",
     "description": "Item 4 in the candidate list in the 'Indigenous talent ready for IT apprenticeships' section"
   },
-  "yat9wx": {
-    "defaultMessage": "Utilisez le bouton \"Créer un ministère\" pour commencer.",
-    "description": "Instructions for adding a department item."
-  },
   "ybzxmU": {
     "defaultMessage": "Membre des FAC",
     "description": "Veteran/member label"