(feat) O3-4331: Add translation support for Add Patient nav action …

…label (#1435) * feat: add transaltion for Add Patient * fix: fix addpatientLinkCompoent import * Make the translation proper casing * Rename file from component to extension --------- Co-authored-by: Vineet Sharma <[email protected]>
openmrs · Jan 13, 2025 · fc07a72 · fc07a72
1 parent 1f178ae
commit fc07a72
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/...registration-app/src/add-patient-link.tsx → ...on-app/src/add-patient-link.extension.tsx b/...registration-app/src/add-patient-link.tsx → ...on-app/src/add-patient-link.extension.tsx
@@ -3,14 +3,16 @@ import { HeaderGlobalAction } from '@carbon/react';
 import { UserFollow } from '@carbon/react/icons';
 import { navigate } from '@openmrs/esm-framework';
 import styles from './add-patient-link.scss';
+import { useTranslation } from 'react-i18next';
 
 export default function Root() {
+  const { t } = useTranslation();
   const addPatient = React.useCallback(() => navigate({ to: '${openmrsSpaBase}/patient-registration' }), []);
 
   return (
     <HeaderGlobalAction
-      aria-label="Add Patient"
-      aria-labelledby="Add Patient"
+      aria-label={t('addPatient', 'Add patient')}
+      aria-labelledby={t('addPatient', 'Add patient')}
       enterDelayMs={500}
       name="AddPatientIcon"
       onClick={addPatient}

diff --git a/packages/esm-patient-registration-app/src/add-patient-link.test.tsx b/packages/esm-patient-registration-app/src/add-patient-link.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { render, screen } from '@testing-library/react';
 import { navigate } from '@openmrs/esm-framework';
-import Root from './add-patient-link';
+import Root from './add-patient-link.extension';
 
 const mockNavigate = jest.mocked(navigate);
 

diff --git a/packages/esm-patient-registration-app/src/index.ts b/packages/esm-patient-registration-app/src/index.ts
@@ -3,7 +3,7 @@ import { esmPatientRegistrationSchema } from './config-schema';
 import { moduleName, patientRegistration } from './constants';
 import { setupOffline } from './offline';
 import rootComponent from './root.component';
-import addPatientLinkComponent from './add-patient-link';
+import addPatientLinkComponent from './add-patient-link.extension';
 import editPatientDetailsButtonComponent from './widgets/edit-patient-details-button.component';
 import { PatientPhotoExtension } from './patient-photo.extension';
 

diff --git a/packages/esm-patient-registration-app/translations/en.json b/packages/esm-patient-registration-app/translations/en.json
@@ -1,4 +1,5 @@
 {
+  "addPatient": "Add patient",
   "addRelationshipButtonText": "Add Relationship",
   "addressHeader": "Address",
   "allFieldsRequiredText": "All fields are required unless marked optional",