LIME2-915 Add clinical view translations

Author: pirupius

package.json

@@ -7,7 +7,7 @@
     "packages/*"
   ],
   "scripts": {
-    "start": "openmrs develop --sources 'packages/esm-*-app/' --backend http://lime-mosul-dev.madiro.org",
+    "start": "openmrs develop --sources 'packages/esm-*-app/' --backend http://lime-mosul-uat.madiro.org",
     "ci:publish": "yarn workspaces foreach --all --topological --exclude @madiro/openmrs-esm-lime npm publish --access public --tag latest",
     "ci:prepublish": "yarn workspaces foreach --all --topological --exclude @madiro/openmrs-esm-lime npm publish --access public --tag next",
     "release": "yarn workspaces foreach --all --topological version",

packages/esm-mental-health-app/src/index.ts

@@ -22,7 +22,7 @@ export function startupApp() {
   registerExpressionHelper('getLatestOpenmrsObs', getLatestOpenmrsObs);
 }
 
-// t('mentalHealth', 'Mental Health')
+// t('Mental Health')
 export const patientMentalHealthSummaryDashboardLink = getSyncLifecycle(
   createPatientChartDashboardLink({ ...patientChartDashboardMeta, moduleName }),
   options,

packages/esm-mental-health-app/src/mental-health/mental-health-summary.component.tsx

@@ -8,7 +8,7 @@ interface MentalHealthSummaryProps {
 
 const MentalHealthSummary: React.FC<MentalHealthSummaryProps> = ({ patientUuid }) => {
   const { t } = useTranslation();
-  const MentalHealthText = t('mentalHealth', 'Mental Health');
+  const MentalHealthText = t('Mental Health');
 
   return <EmptyState displayText={MentalHealthText} />;
 };

packages/esm-mental-health-app/translations/ar.json

@@ -1,4 +1,5 @@
 {
   "action": "الإجراء",
-  "actions": "الإجراءات"
+  "actions": "الإجراءات",
+  "Mental Health": "الصحة النفسية"
 }

packages/esm-mental-health-app/translations/en.json

@@ -1,4 +1,4 @@
 {
   "emptyStateText": "There are no <1>{{displayText}}</1> to display",
-  "mentalHealth": "Mental Health"
+  "Mental Health": "Mental Health"
 }

packages/esm-nutrition-app/src/empty-state/empty-state.component.tsx

@@ -29,7 +29,7 @@ export const EmptyState: React.FC<EmptyStateProps> = ({ displayText, launchForm
         <p className={styles.action}>
           {launchForm && (
             <Button onClick={() => launchForm()} kind="ghost" size={isTablet ? 'lg' : 'sm'}>
-              {t('record', 'Record')} {displayText.toLowerCase()}
+              {t('Record')} {displayText.toLowerCase()}
             </Button>
           )}
         </p>

packages/esm-nutrition-app/src/nutrition/nutrition-summary.component.tsx

@@ -32,7 +32,7 @@ interface NutritionSummaryProps {
 
 const NutritionSummary: React.FC<NutritionSummaryProps> = ({ patientUuid }) => {
   const { t } = useTranslation();
-  const nutritionSummaryText = t('nutritionSummary', 'Nutrition Summary');
+  const nutritionSummaryText = t('Nutrition Summary', 'Nutrition Summary');
   const layout = useLayoutType();
   const isTablet = layout === 'tablet';
   const isDesktop = desktopLayout(layout);
@@ -54,7 +54,7 @@ const NutritionSummary: React.FC<NutritionSummaryProps> = ({ patientUuid }) => {
       ...[
         {
           key: 'encounterDate',
-          header: t('date', 'Date'),
+          header: t('Date'),
         },
       ],
       ...(nutritionData ?? []).map((encounter: Encounter) => ({
@@ -79,13 +79,13 @@ const NutritionSummary: React.FC<NutritionSummaryProps> = ({ patientUuid }) => {
   const tableRows = useMemo(() => {
     return mealAmountConcepts.map((mealAmountConcept, index) => {
       let mealNumber = (index % 10) + 1;
-      const row = { id: mealAmountConcept, encounterDate: `Meal ${mealNumber}` };
+      const row = { id: mealAmountConcept, encounterDate: `${t('Meal')} ${mealNumber}` };
       nutritionData?.forEach((encounter) => {
         row[encounter.uuid] = getRowData(encounter, mealAmountConcept, index);
       });
       return row;
     });
-  }, [nutritionData]);
+  }, [nutritionData, t]);
 
   if (isLoading) return <DataTableSkeleton role="progressbar" compact={isDesktop} zebra />;
   if (error) return <ErrorState error={error} headerTitle={nutritionSummaryText} />;
@@ -103,7 +103,7 @@ const NutritionSummary: React.FC<NutritionSummaryProps> = ({ patientUuid }) => {
               iconDescription="Add Nutrition Feeding"
               onClick={launchNutritionForm}
             >
-              {t('add', 'Add')}
+              {t('Add')}
             </Button>
           )}
         </CardHeader>

packages/esm-nutrition-app/translations/ar.json

@@ -1,4 +1,10 @@
 {
+  "Add": "إضافة",
   "action": "الإجراء",
-  "actions": "الإجراءات"
+  "actions": "الإجراءات",
+  "Date": "التاريخ",
+  "Meal": "الوجبة",
+  "Nutrition": "التغذية",
+  "Nutrition Summary": "ملخص التغذية",
+  "Record": "تسجيل"
 }

packages/esm-nutrition-app/translations/en.json

@@ -1,8 +1,9 @@
 {
-  "add": "Add",
-  "date": "Date",
+  "Add": "Add",
+  "Date": "Date",
   "emptyStateText": "There are no <1>{{displayText}}</1> to display",
+  "Meal": "Meal",
   "Nutrition": "Nutrition",
-  "nutritionSummary": "Nutrition Summary",
-  "record": "Record"
+  "Nutrition Summary": "Nutrition Summary",
+  "Record": "record"
 }