(feat) O3-4338 Ward App - make Ward Patient Banner into an extension (#…

…1439)
openmrs · Jan 13, 2025 · 8bcc74b · 8bcc74b
1 parent 9c3e90a
commit 8bcc74b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/packages/esm-ward-app/src/index.ts b/packages/esm-ward-app/src/index.ts
@@ -111,7 +111,7 @@ export const createAdmissionEncounterWorkspaceSideRailIcon = getAsyncLifecycle(
 export const createAdmissionEncounterWorkspace = getAsyncLifecycle(
   () => import('./ward-workspace/create-admission-encounter/create-admission-encounter.workspace'),
   options,
-)
+);
 
 export const defaultWardView = getAsyncLifecycle(
   () => import('./ward-view/default-ward/default-ward-view.component'),
@@ -123,6 +123,11 @@ export const maternalWardView = getAsyncLifecycle(
   options,
 );
 
+export const wardPatientWorkspaceBanner = getAsyncLifecycle(
+  () => import('./ward-workspace/patient-banner/patient-banner.component'),
+  options,
+);
+
 export function startupApp() {
   registerBreadcrumbs([]);
   defineConfigSchema(moduleName, configSchema);

diff --git a/packages/esm-ward-app/src/routes.json b/packages/esm-ward-app/src/routes.json
@@ -79,6 +79,11 @@
       "component": "maternalWardView",
       "name": "maternal-ward",
       "slot": "maternal-ward"
+    },
+    {
+      "component": "wardPatientWorkspaceBanner",
+      "name": "ward-patient-workspace-banner",
+      "slot": "ward-workspace-patient-banner-slot"
     }
   ],
   "workspaces": [

diff --git a/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.tsx b/packages/esm-ward-app/src/ward-patient-card/row-elements/ward-patient-identifier.tsx
@@ -23,7 +23,12 @@ const WardPatientIdentifier: React.FC<WardPatientIdentifierProps> = ({ id, patie
   }));
 
   return (
-    <PatientBannerPatientIdentifiers identifiers={fhirIdentifiers} showIdentifierLabel={config?.showIdentifierLabel} />
+    <div>
+      <PatientBannerPatientIdentifiers
+        identifiers={fhirIdentifiers}
+        showIdentifierLabel={config?.showIdentifierLabel}
+      />
+    </div>
   );
 };