[Fix] Updates table nullMessage descriptions

apps/web/src/components/Table/ResponsiveTable/NullMessage.tsx

@@ -3,6 +3,8 @@ import { ReactNode } from "react";
 
 import { Heading, Well } from "@gc-digital-talent/ui";
 
+import tableMessages from "../tableMessages";
+
 export interface NullMessageProps {
   /** Heading for the message */
   title?: ReactNode;
@@ -23,23 +25,10 @@ const NullMessage = ({ title, description }: NullMessageProps) => {
 
   return (
     <Well data-h2-margin="base(x1 0)" data-h2-text-align="base(center)">
-      <Heading data-h2-margin-top="base(0)" data-h2-font-size="base(copy)">
-        {title ||
-          intl.formatMessage({
-            defaultMessage: "There aren't any items here yet.",
-            id: "H5kSPB",
-            description: "Default message for an empty table",
-          })}
+      <Heading data-h2-margin="base(0)" data-h2-font-size="base(copy)">
+        {title || intl.formatMessage(tableMessages.noItemsTitle)}
       </Heading>
-      <p>
-        {description ||
-          intl.formatMessage({
-            defaultMessage:
-              'Get started by adding an item using the "Add a new item" button provided.',
-            id: "/GIL9l",
-            description: "Default description for an empty table",
-          })}
-      </p>
+      {description && <p data-h2-margin-top="base(x1)">{description}</p>}
     </Well>
   );
 };

apps/web/src/components/Table/tableMessages.ts

@@ -1,10 +1,10 @@
 import { defineMessages } from "react-intl";
 
 const messages = defineMessages({
-  noItems: {
-    defaultMessage: "There are no items to display.",
-    id: "cIqhQK",
-    description: "Message when there is no data to display in a table",
+  noItemsTitle: {
+    defaultMessage: "There aren't any items here.",
+    id: "84XrK+",
+    description: "Default message for an empty table",
   },
 });
 

apps/web/src/lang/fr.json

@@ -191,6 +191,10 @@
     "defaultMessage": "Voir {name} <hidden>{hiddenLabel}</hidden>",
     "description": "Title displayed for the View Item column."
   },
+  "+zSc5y": {
+    "defaultMessage": "Utilisez le bouton \"Créer une équipe\" pour commencer.",
+    "description": "Instructions for adding a team item."
+  },
   "/+naWC": {
     "defaultMessage": "À évaluer",
     "description": "Message displayed when candidate has yet to be assessed at a specific assessment step"
@@ -231,10 +235,6 @@
     "defaultMessage": "J'envisagerais d'accepter un emploi d'une durée de...",
     "description": "Legend Text for required work preferences options in work preferences form"
   },
-  "/GIL9l": {
-    "defaultMessage": "Ajoutez un élément pour commencer en cliquant sur le bouton afficher « Ajouter un nouvel élément ».",
-    "description": "Default description for an empty table"
-  },
   "/I7wrY": {
     "defaultMessage": "Lier des compétences en vedette",
     "description": "Title for skills on Experience form"
@@ -351,6 +351,10 @@
     "defaultMessage": "Statut du bassin de candidats",
     "description": "Label for the current applications pool status"
   },
+  "/pbxol": {
+    "defaultMessage": "Utilisez le bouton \"Ajouter une nouvelle adhésion\" pour commencer.",
+    "description": "Instructions for adding team membership to a user."
+  },
   "/qN7tM": {
     "defaultMessage": "Expérience supprimée",
     "description": "Message displayed to user after experience deleted."
@@ -403,6 +407,10 @@
     "defaultMessage": "Avez-vous d'autres questions? N'hésitez pas à <link> communiquer avec notre équipe</link> pour obtenir de plus amples renseignements. ",
     "description": "Third paragraph for pool closing date dialog"
   },
+  "07sCDh": {
+    "defaultMessage": "Utilisez le bouton \"Créer un processus\" pour commencer.",
+    "description": "Instructions for adding a process item."
+  },
   "08rkLr": {
     "defaultMessage": "Durée de la possibilité",
     "description": "Label for a process' opportunity employment duration"
@@ -531,6 +539,10 @@
     "defaultMessage": "Complet",
     "description": "Simplified status label for a complete process advertisement or assessment"
   },
+  "0jwdac": {
+    "defaultMessage": "Utilisez le bouton \"Créer une compétence\" pour commencer.",
+    "description": "Instructions for adding a skill item."
+  },
   "0k6j4V": {
     "defaultMessage": "Tâches de travail (anglais)",
     "description": "Label for a process' English work tasks"
@@ -1819,6 +1831,10 @@
     "defaultMessage": "J'envisagerais d'accepter un emploi qui...",
     "description": "Legend for optional work preferences check list in work preferences form"
   },
+  "84XrK+": {
+    "defaultMessage": "On ne trouve aucun élément ici.",
+    "description": "Default message for an empty table"
+  },
   "84rSVg": {
     "defaultMessage": "Permettre une croissance dans le cadre de sa portée de recrutement, en ciblant d’autres domaines professionnels à l’avenir.",
     "description": "Talent portal strategy item 2 content"
@@ -3463,10 +3479,6 @@
     "defaultMessage": "En savoir plus sur cette possibilité et commencer à rédiger une demande d'emploi.",
     "description": "Subtitle for a pool advertisement page"
   },
-  "H5kSPB": {
-    "defaultMessage": "On ne trouve aucun élément jusqu’à présent.",
-    "description": "Default message for an empty table"
-  },
   "H8cs1r": {
     "defaultMessage": "Services consultatifs auprès des secteurs d’activité de la <abbreviation>TI</abbreviation>",
     "description": "Title for the 'business line advisory services' IT work stream"
@@ -5479,6 +5491,10 @@
     "defaultMessage": "Vous recevrez des candidats qui ont :",
     "description": "Title for the candidate list in the 'Indigenous talent ready for IT apprenticeships' section"
   },
+  "SfbDLA": {
+    "defaultMessage": "Utilisez le bouton \"Ajouter un nouveau membre\" pour commencer.",
+    "description": "Instructions for adding a member to a team."
+  },
   "SfhT1q": {
     "defaultMessage": "Acquérir de l'expérience en matière d'embauche",
     "description": "Title to get hiring experience"
@@ -5647,6 +5663,10 @@
     "defaultMessage": "Solutions logicielles de la <abbreviation>TI</abbreviation>",
     "description": "Title for the 'software solutions' IT work stream"
   },
+  "Tl2FNA": {
+    "defaultMessage": "Utilisez le bouton \"Créer une classification\" pour commencer.",
+    "description": "Instructions for adding a classification item."
+  },
   "TomxAe": {
     "defaultMessage": "{time} le {date}",
     "description": "A datetime formatted as a certain time on a certain date"
@@ -6086,6 +6106,10 @@
     "defaultMessage": "{title} évaluation - {skillName}",
     "description": "Header for application screening decision dialog."
   },
+  "WCOVvw": {
+    "defaultMessage": "Utilisez le bouton \"Ajouter un nouveau rôle\" pour commencer.",
+    "description": "Instructions for adding a role to a user."
+  },
   "WDKT2K": {
     "defaultMessage": "Qu'est-ce qu'une CléGC?",
     "description": "GCKey question for what is GCKey"
@@ -7274,10 +7298,6 @@
     "defaultMessage": "Candidature",
     "description": "Label for the application link column"
   },
-  "cIqhQK": {
-    "defaultMessage": "Il n'y a aucun élément à afficher.",
-    "description": "Message when there is no data to display in a table"
-  },
   "cL3OoZ": {
     "defaultMessage": "Notification non lue",
     "description": "Link text to show unread notifications"
@@ -11302,6 +11322,10 @@
     "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"
@@ -11478,6 +11502,10 @@
     "defaultMessage": "Sélectionner des compétences dans votre bibliothèque ou en ajouter de toutes nouvelles.",
     "description": "Subtitle for the find a skill dialog within the skill showcase"
   },
+  "zp1ShM": {
+    "defaultMessage": "Utilisez le bouton \"Créer une famille de compétences\" pour commencer.",
+    "description": "Instructions for adding a skill family item."
+  },
   "zp8FqH": {
     "defaultMessage": "Vos réponses aux  <strong>questions de présélection seront évaluées</strong> dans le cadre de votre demande d'emploi. Veillez donc à consacrer à chaque question le temps et la réflexion nécessaires pour donner une réponse qui vous reflète réellement votre identité et votre expérience.",
     "description": "Application step for additional questions, introduction description, paragraph two"

apps/web/src/pages/Classifications/components/ClassificationTable.tsx

@@ -157,6 +157,14 @@ export const ClassificationTable = ({
           from: currentUrl,
         },
       }}
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage:
+            'Use the "Create Classification" button to get started.',
+          id: "Tl2FNA",
+          description: "Instructions for adding a classification item.",
+        }),
+      }}
     />
   );
 };

apps/web/src/pages/Departments/components/DepartmentTable.tsx

@@ -111,6 +111,13 @@ export const DepartmentTable = ({
           from: currentUrl,
         },
       }}
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage: 'Use the "Create Department" button to get started.',
+          id: "yat9wx",
+          description: "Instructions for adding a department item.",
+        }),
+      }}
     />
   );
 };

apps/web/src/pages/Pools/IndexPoolPage/components/PoolTable.tsx

@@ -440,6 +440,13 @@ const PoolTable = ({ title, initialFilterInput }: PoolTableProps) => {
           }),
         },
       }}
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage: 'Use the "Create process" button to get started.',
+          id: "07sCDh",
+          description: "Instructions for adding a process item.",
+        }),
+      }}
     />
   );
 };

apps/web/src/pages/SkillFamilies/components/SkillFamilyTable.tsx

@@ -108,6 +108,14 @@ export const SkillFamilyTable = ({
           from: currentUrl,
         },
       }}
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage:
+            'Use the "Create Skill Family" button to get started.',
+          id: "zp1ShM",
+          description: "Instructions for adding a skill family item.",
+        }),
+      }}
     />
   );
 };

apps/web/src/pages/Skills/components/SkillTable.tsx

@@ -300,6 +300,13 @@ const SkillTable = ({
             }
           : undefined
       }
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage: 'Use the "Create skill" button to get started.',
+          id: "0jwdac",
+          description: "Instructions for adding a skill item.",
+        }),
+      }}
       filter={{
         state: filterState,
         component: (

apps/web/src/pages/Teams/IndexTeamPage/components/TeamTable/TeamTable.tsx

@@ -158,6 +158,13 @@ export const TeamTable = ({
           from: currentUrl,
         },
       }}
+      nullMessage={{
+        description: intl.formatMessage({
+          defaultMessage: 'Use the "Create Team" button to get started.',
+          id: "+zSc5y",
+          description: "Instructions for adding a team item.",
+        }),
+      }}
     />
   );
 };

apps/web/src/pages/Teams/TeamMembersPage/TeamMembersPage.tsx

@@ -125,6 +125,13 @@ const TeamMembers = ({ teamQuery }: TeamMembersProps) => {
           add: {
             component: <AddTeamMemberDialog team={team} members={members} />,
           },
+          nullMessage: {
+            description: intl.formatMessage({
+              defaultMessage: 'Use the "Add new member" button to get started.',
+              id: "SfbDLA",
+              description: "Instructions for adding a member to a team.",
+            }),
+          },
         })}
       />
     </>

apps/web/src/pages/Users/UpdateUserPage/components/IndividualRoleTable.tsx

@@ -100,6 +100,13 @@ const IndividualRoleTable = ({
             />
           ),
         }}
+        nullMessage={{
+          description: intl.formatMessage({
+            defaultMessage: 'Use the "Add new role" button to get started.',
+            id: "WCOVvw",
+            description: "Instructions for adding a role to a user.",
+          }),
+        }}
       />
     </>
   );

apps/web/src/pages/Users/UpdateUserPage/components/TeamRoleTable.tsx

@@ -178,6 +178,14 @@ const TeamRoleTable = ({
             />
           ),
         }}
+        nullMessage={{
+          description: intl.formatMessage({
+            defaultMessage:
+              'Use the "Add new membership" button to get started.',
+            id: "/pbxol",
+            description: "Instructions for adding team membership to a user.",
+          }),
+        }}
       />
     </>
   );