ref #163 #168 #169 Add translation for "Finished", "Case" status

onehealthtoolkit · Feb 1, 2024 · cb20609 · cb20609
1 parent 0a6e41f
commit cb20609
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 deletions.
diff --git a/components/case/caseStatus.tsx b/components/case/caseStatus.tsx
@@ -1,13 +1,15 @@
 import React from "react";
+import { useTranslation } from "react-i18next";
 
 type CaseStatusProps = {
   statusLabel: string;
   isFinished: boolean;
 };
 const CaseStatus: React.FC<CaseStatusProps> = ({ statusLabel, isFinished }) => {
+  const { t } = useTranslation();
   return isFinished ? (
     <div className="bg-green-400 text-white text-center rounded cursor-pointer px-2">
-      Finished
+      {t("status.finished", "Finished")}
     </div>
   ) : (
     <div className="text-blue-400 text-center rounded  px-2">{statusLabel}</div>

diff --git a/components/case/dayEvents.tsx b/components/case/dayEvents.tsx
@@ -2,9 +2,11 @@ import { CaseEvent } from "components/case/calendarViewModel";
 import { DayEventsProps } from "components/widgets/calendar";
 import { observer } from "mobx-react";
 import { useRouter } from "next/router";
+import { useTranslation } from "react-i18next";
 
 export const CaseDayEvents = observer(
   ({ date, viewModel }: DayEventsProps<CaseEvent>) => {
+    const { t } = useTranslation();
     const router = useRouter();
     const events = viewModel.getDayEvents(date);
     return (
@@ -22,7 +24,7 @@ export const CaseDayEvents = observer(
                   font-normal rounded px-1
                 "
               >
-                finished
+                {t("status.finished", "finished")}
               </span>
             )}
           </p>

diff --git a/components/report/dayEvents.tsx b/components/report/dayEvents.tsx
@@ -2,9 +2,11 @@ import { ReportEvent } from "components/report/calendarViewModel";
 import { DayEventsProps } from "components/widgets/calendar";
 import { observer } from "mobx-react";
 import { useRouter } from "next/router";
+import { useTranslation } from "react-i18next";
 
 export const ReportDayEvents = observer(
   ({ date, viewModel }: DayEventsProps<ReportEvent>) => {
+    const { t } = useTranslation();
     const router = useRouter();
     const events = viewModel.getDayEvents(date);
     return (
@@ -26,7 +28,7 @@ export const ReportDayEvents = observer(
                   router.push(`/cases/${event.caseId}`);
                 }}
               >
-                case
+                {t("status.case", "case")}
               </span>
             )}
             {event.testFlag && (
@@ -35,7 +37,7 @@ export const ReportDayEvents = observer(
                     font-normal rounded px-1
                   "
               >
-                Test
+                {t("status.test", "test")}
               </span>
             )}
           </p>

diff --git a/i18n/translations.en.json b/i18n/translations.en.json
@@ -242,6 +242,7 @@
     "case": "case",
     "suspectedOutbreak": "suspected outbreak",
     "outbreak": "outbreak",
+    "finished": "Finished",
     "actions": {
       "promoteToCase": "Promote to case",
       "convertToTest": "Convert to test report"

diff --git a/i18n/translations.la.json b/i18n/translations.la.json
@@ -251,8 +251,9 @@
   "status": {
     "test": "ທົດສອບ",
     "case": "ກໍລະນີ",
-    "suspectedOutbreak": "suspected outbreak",
-    "outbreak": "outbreak",
+    "suspectedOutbreak": "ສົງໃສການລະບາດ",
+    "outbreak": "ການລະບາດ",
+    "finished": "ສຳເລັດແລ້ວ",
     "actions": {
       "promoteToCase": "ປ່ຽນເປັນກໍລະນີ",
       "convertToTest": "ປ່ຽນເປັນທົດສອບ"