fix: add translations

SnailyCAD · Sep 19, 2023 · c576c02 · c576c02
1 parent 228e565
commit c576c02
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/apps/client/locales/en/leo.json b/apps/client/locales/en/leo.json
@@ -335,7 +335,16 @@
     "departmentInformationDesc": "Here you can view further external links and information for your department.",
     "noDepartmentLinks": "This department doesn't have any extra information yet.",
     "showingOnlyLatest12Units": "Showing only 12 latest units.",
-    "showingOnlyLatest12UnitsDescription": "Showing only the 12 latest units in this list. The latest units are located at the top of the list. This is to avoid page slowdowns. Use the filters the refine your search."
+    "showingOnlyLatest12UnitsDescription": "Showing only the 12 latest units in this list. The latest units are located at the top of the list. This is to avoid page slowdowns. Use the filters the refine your search.",
+    "ACTIVE_CALLS": "Active Calls",
+    "ACTIVE_BOLOS": "Active BOLOs",
+    "ACTIVE_WARRANTS": "Active Warrants",
+    "ACTIVE_OFFICERS": "Active Officers",
+    "ACTIVE_DEPUTIES": "Active Deputies",
+    "ACTIVE_INCIDENTS": "Active Incidents",
+    "layoutSavedTitle": "Layout Saved",
+    "layoutSavedMessage": "Your layout has been saved.",
+    "editDashboardLayout": "Edit Dashboard Layout"
   },
   "Bolos": {
     "activeBolos": "Active Bolos",

diff --git a/apps/client/src/components/shared/utility-panel/edit-dashboard-layout-modal.tsx b/apps/client/src/components/shared/utility-panel/edit-dashboard-layout-modal.tsx
@@ -36,6 +36,7 @@ const cardTypes: Record<"ems-fd" | "officer" | "dispatch", DashboardLayoutCardTy
 
 export function EditDashboardLayoutModal() {
   const common = useTranslations("Common");
+  const t = useTranslations("Leo");
 
   const { setUser, user } = useAuth();
   const [sortedList, setSortedList] = React.useState<DashboardLayoutCardType[]>([]);
@@ -69,8 +70,8 @@ export function EditDashboardLayoutModal() {
       setUser({ ...user, [columnName]: sortedList });
       toastMessage({
         icon: "success",
-        title: "Layout Saved",
-        message: "The layout has been saved",
+        title: t("layoutSavedTitle"),
+        message: t("layoutSavedMessage"),
       });
     }
   }
@@ -87,7 +88,7 @@ export function EditDashboardLayoutModal() {
 
   return (
     <Modal
-      title="Edit Dashboard Layout"
+      title={t("editDashboardLayout")}
       isOpen={modalState.isOpen(ModalIds.EditDashboardLayout)}
       onClose={() => modalState.closeModal(ModalIds.EditDashboardLayout)}
       className="w-[650px]"
@@ -104,7 +105,7 @@ export function EditDashboardLayoutModal() {
             className="card border-2 rounded-md p-4 cursor-pointer flex items-center justify-between"
             key={type}
           >
-            {type}
+            {t(type)}
 
             <ArrowsMove />
           </li>