@kenyaemr/esm-patient-clinical-view-app 5.4.2-pre.2351 → 5.4.2-pre.2356

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"clinical-view-section","component":"clinicalViewPatientDashboard","slot":"patient-chart-dashboard-slot"},{"name":"family-history","slot":"patient-chart-family-history-slot","component":"familyHistory","order":0,"online":true,"offline":false},{"name":"relationships-link","component":"relationshipsLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationships-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationships","slot":"patient-chart-relationships-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"contact-list-form","component":"contactListForm"},{"name":"maternal-and-child-health-dashboard-group-link","slot":"clinical-view-section","component":"maternalAndChildHealthSideNavGroup"},{"name":"antenatal-care-dashboard-link","component":"antenatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-antenatal-care-dashboard-slot","path":"antenatal-care-dashboard","layoutMode":"anchored"}},{"name":"antenatal-care-dashboard","slot":"patient-chart-antenatal-care-dashboard-slot","component":"antenatalCare"},{"name":"postnatal-care-dashboard-link","component":"postnatalCareLink","slot":"maternal-and-child-health-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-postnatal-care-dashboard-slot","path":"postnatal-care-dashboard","layoutMode":"anchored"}},{"name":"postnatal-care-dashboard","slot":"patient-chart-postnatal-care-dashboard-slot","component":"postnatalCare"},{"name":"labour-and-delivery-dashboard-link","component":"labourAndDeliveryLink","slot":"maternal-and-child-health-slot","meta":{"fullWidth":true,"slot":"patient-chart-labour-and-delivery-dashboard-slot","path":"labour-and-delivery-dashboard","layoutMode":"anchored"}},{"name":"labour-and-delivery-dashboard","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"labourAndDelivery","meta":{"fullWidth":true}},{"name":"hiv-care-and-treatment-dashboard-group-link","slot":"special-clinics-slot","component":"hivCareAndTreatMentSideNavGroup"},{"name":"genericNavLinks","slot":"special-clinics-slot","component":"genericNavLinks","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinic-dashboard-slot","path":"special-clinics-dashboard","layoutMode":"anchored"}},{"name":"patient-chart-special-clinic-dashboard-slot","slot":"patient-chart-special-clinic-dashboard-slot","component":"genericDashboard"},{"name":"hts-dashboard-link","component":"htsDashboardLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hts-dashboard-slot","path":"hts-dashboard","layoutMode":"anchored"}},{"name":"hts-clinical-view","slot":"patient-chart-hts-dashboard-slot","component":"htsClinicalView","order":2,"online":true,"offline":false},{"name":"defaulter-tracing-dashboard-link","component":"defaulterTracingLink","slot":"hiv-care-and-treatment-slot","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-defaulter-tracing-dashboard-slot","path":"defaulter-tracing-dashboard","layoutMode":"anchored"}},{"name":"defaulter-tracing-dashboard","slot":"patient-chart-defaulter-tracing-dashboard-slot","component":"defaulterTracing","order":3,"online":true,"offline":false},{"name":"special-clinics-dashboard-group-link","slot":"clinical-view-section","component":"specialClinicsSideNavGroup"},{"name":"clinical-encounter-link","component":"inPatientClinicalEncounterLink","slot":"clinical-view-section","order":40,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter","slot":"patient-chart-clinical-encounter-slot","component":"inPatientClinicalEncounter","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"in-patient-dashboard-link","component":"inPatientChartLink","slot":"patient-chart-dashboard-slot","order":7,"meta":{"slot":"patient-chart-in-patient-dashboard-slot","path":"in-patient","layoutMode":"anchored","columns":1,"columnSpan":1}},{"name":"in-patient-dashboard","slot":"patient-chart-in-patient-dashboard-slot","component":"inPatientChartDashboard","meta":{"fullWidth":false}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-case-encounter-slot","path":"case-management-encounters","layoutMode":"anchored"}},{"name":"case-encounter-table","slot":"patient-chart-case-encounter-slot","component":"caseEncounterTable","order":0,"online":true,"offline":false},{"component":"peerCalendarDashboardLink","name":"peer-calendar-dashboard-link","meta":{"name":"peer-calendar","title":"Peer Calendar","slot":"peer-calendar-dashboard-slot","path":"peer-management"}},{"name":"peer-calendar","slot":"peer-calendar-dashboard-slot","component":"peerCalendar","order":0,"online":true,"offline":false},{"name":"deceased-panel-dashboard-link","component":"deceasedPanelDashboardLink","slot":"patient-chart-dashboard-slot","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-deceased-panel-slot","path":"deceased-panel","layoutMode":"anchored"}},{"name":"deceased-details-tabs","slot":"patient-chart-deceased-panel-slot","component":"deceasedDetailsTabs","order":0,"online":true,"offline":false},{"name":"parto-graph-chart","slot":"patient-chart-labour-and-delivery-dashboard-slot","component":"partograph","meta":{"fullWidth":true}}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship Form","type":"form"},{"name":"peers-form","component":"peersForm","title":"Add New Peer","type":"form"},{"name":"kenyaemr-cusom-form-entry-workspace","component":"peerCalendarFormEntry","title":"KVP Peer Educator Outreach Calendar","type":"form","width":"extra-wide","canMaximize":true,"canHide":true},{"name":"contact-list-update-form","component":"contactListUpdateForm","title":"Contact List Update Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"end-relationship-form","component":"endRelationshipWorkspace","title":"Discontinue relationship form","type":"form"}],"version":"5.4.2-pre.2351"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[],"extensions":[{"name":"hiv-care-and-treatment-dashboard-link","slot":"patient-chart-dashboard-slot","component":"hivCareAndTreatmentLink","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","path":"hiv-care-and-treatment-dashboard","layoutMode":"anchored"}},{"name":"hiv-care-and-treatment-dashboard","slot":"patient-chart-hiv-care-and-treatment-dashboard-slot","component":"hivCareAndTreatment","order":0,"online":true,"offline":false},{"name":"relationship-dashboard-link","slot":"patient-chart-dashboard-slot","component":"relationshipsLink","order":24,"online":true,"offline":false,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-relationship-slot","path":"relationships","layoutMode":"anchored"}},{"name":"relationship-dashboard","slot":"patient-chart-relationship-slot","component":"relationships","order":0,"online":true,"offline":false},{"name":"clinical-encounter-dashboard-link","component":"clinicalEncounterLink","slot":"patient-chart-dashboard-slot","order":25,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-clinical-encounter-slot","path":"clinical-encounter","layoutMode":"anchored"}},{"name":"clinical-encounter-dashboard","slot":"patient-chart-clinical-encounter-slot","component":"clinicalEncounter","order":0,"online":true,"offline":false},{"name":"maternal-and-child-health-dashboard-link","component":"maternalAndChildHealthDashboardLink","slot":"patient-chart-dashboard-slot","order":26,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-maternal-and-child-health-slot","path":"maternal-and-child-health","layoutMode":"anchored"}},{"name":"maternal-and-child-health-dashboard","slot":"patient-chart-maternal-and-child-health-slot","component":"maternalAndChildHealthDashboard","order":0,"online":true,"offline":false},{"name":"contact-list-dashboard-link","component":"contactListLink","slot":"patient-chart-dashboard-slot","order":27,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-contact-list-slot","path":"contact-list","layoutMode":"anchored"}},{"name":"contact-list-dashboard","slot":"patient-chart-contact-list-slot","component":"contactList","order":0,"online":true,"offline":false},{"component":"caseManagementDashboardLink","name":"case-management-dashboard-link","meta":{"name":"case-management","title":"Case Management","slot":"case-management-dashboard-slot","path":"/case-management"}},{"name":"in-patient-dashboard-link","component":"inPatientChartLink","slot":"patient-chart-dashboard-slot","order":7,"meta":{"slot":"patient-chart-in-patient-dashboard-slot","path":"in-patient","layoutMode":"anchored","columns":1,"columnSpan":1}},{"name":"in-patient-dashboard","slot":"patient-chart-in-patient-dashboard-slot","component":"inPatientChartDashboard","meta":{"fullWidth":false}},{"name":"wrap-component-view","slot":"case-management-dashboard-slot","component":"wrapComponent","order":2,"online":true,"offline":false},{"name":"case-encounter-link","component":"caseEncounterDashboardLink","slot":"patient-chart-dashboard-slot","order":14,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-case-encounter-slot","path":"case-management-encounters","layoutMode":"anchored"}},{"name":"case-encounter-table","slot":"patient-chart-case-encounter-slot","component":"caseEncounterTable","order":0,"online":true,"offline":false},{"component":"peerCalendarDashboardLink","name":"peer-calendar-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"peer-calendar","title":"Peer Calendar","slot":"peer-calendar-dashboard-slot","path":"peer-management"}},{"name":"peer-calendar","slot":"peer-calendar-dashboard-slot","component":"peerCalendar","order":0,"online":true,"offline":false},{"name":"special-clinics-dashboard-link","component":"specialClinicsDashboardLink","slot":"patient-chart-dashboard-slot","order":15,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-special-clinics-slot","path":"special-clinics","layoutMode":"anchored"}},{"name":"special-clinics-dashboard","slot":"patient-chart-special-clinics-slot","component":"specialClinicsDashboard","order":0,"online":true,"offline":false}],"modals":[{"name":"birth-date-calculator","component":"birthDateCalculator"},{"name":"relationship-delete-confirm-dialog","component":"relationshipDeleteConfirmialog"},{"name":"end-relationship-dialog","component":"endRelationshipModal"}],"workspaces":[{"name":"contact-list-form","component":"contactListForm","title":"Contact List Form","type":"form"},{"name":"case-management-form","component":"caseManagementForm","title":"Case Management Form","type":"form"},{"name":"family-relationship-form","component":"familyRelationshipForm","title":"Family Relationship Form","type":"form"},{"name":"peers-form","component":"peersForm","title":"Add New Peer","type":"form"},{"name":"kenyaemr-cusom-form-entry-workspace","component":"peerCalendarFormEntry","title":"KVP Peer Educator Outreach Calendar","type":"form","width":"extra-wide","canMaximize":true,"canHide":true},{"name":"contact-list-update-form","component":"contactListUpdateForm","title":"Contact List Update Form","type":"form"},{"name":"other-relationship-form","component":"otherRelationshipsForm","title":"Other Relationships Form","type":"form"},{"name":"end-relationship-form","component":"endRelationshipWorkspace","title":"Discontinue relationship form","type":"form"}],"version":"5.4.2-pre.2356"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-patient-clinical-view-app",
-  "version": "5.4.2-pre.2351",
+  "version": "5.4.2-pre.2356",
   "description": "Patient clinical view microfrontend for the OpenMRS SPA",
   "browser": "dist/kenyaemr-esm-patient-clinical-view-app.js",
   "main": "src/index.ts",
@@ -43,7 +43,7 @@
   },
   "peerDependencies": {
     "@carbon/react": "1.x",
-    "@openmrs/esm-framework": "6.x",
+    "@openmrs/esm-framework": "7.x",
     "react": "^18.1.0",
     "react-i18next": "11.x",
     "react-router-dom": "6.x"

package/src/clinical-encounter/clinical-encounter-dashboard-meta.tsx

@@ -1,9 +1,6 @@
 export const inPatientClinicalEncounterDashboardMeta = {
   slot: 'patient-chart-clinical-encounter-slot',
-  columns: 1,
   title: 'Clinical Encounter',
   path: 'clinical-encounter',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
-  icon: '',
+  icon: 'omrs-icon-movement',
 };

package/src/clinical-encounter/dashboard/clinical-encounter-dashboard.component.tsx

@@ -71,64 +71,39 @@ const ClinicalEncounterDashboard: React.FC<ClinicalEncounterDashboardProps> = ({
     ],
   );
   return (
-    <div>
-      <Layer>
-        <Tile>
-          <div className={styles.desktopHeading}>
-            <h4>{t('clinicalEncounter', 'Clinical encounter')}</h4>
-          </div>
-        </Tile>
-      </Layer>
-      <Layer style={{ backgroundColor: 'white', padding: '0 1rem' }}>
-        <Tabs>
-          <TabList contained activation="manual" aria-label="List of tabs">
-            <Tab renderIcon={Friendship}>{t('socialHistory', 'Social History')}</Tab>
-            <Tab renderIcon={ReminderMedical}>{t('medicalHistory', 'Medical History')}</Tab>
-            {isInPatient && <Tab renderIcon={CloudMonitoring}>{t('encounterDetails', 'Encounter details')}</Tab>}
-            {isInPatient && <Tab renderIcon={Activity}>{t('surgicalSummary', 'Surgical Summary')}</Tab>}
-            {isInPatient && <Tab renderIcon={UserMultiple}>{t('neonatalSummary', 'Neonatal Summary')}</Tab>}
-            {isInPatient && <Tab renderIcon={UserFollow}>{t('maternalSummary', 'Maternal Summary')}</Tab>}
-            {isInPatient && <Tab renderIcon={Dashboard}>{t('inPatientSummary', 'In-Patient Summary')}</Tab>}
-          </TabList>
-          <TabPanels>
-            <TabPanel>
-              {
-                <OutPatientSocialHistory
-                  patientUuid={patientUuid}
-                  encounters={encounters}
-                  isLoading={isLoading}
-                  error={error}
-                  mutate={mutate}
-                  isValidating={isValidating}
-                />
-              }
-            </TabPanel>
-            <TabPanel>
-              {
-                <OutPatientMedicalHistory
-                  patientUuid={patientUuid}
-                  encounters={encounters}
-                  isLoading={isLoading}
-                  error={error}
-                  mutate={mutate}
-                  isValidating={isValidating}
-                />
-              }
-            </TabPanel>
-            <TabPanel>
-              {
-                <ClinicalEncounter
-                  patientUuid={patientUuid}
-                  encounters={encounters}
-                  isLoading={isLoading}
-                  error={error}
-                  mutate={mutate}
-                  isValidating={isValidating}
-                />
-              }
-            </TabPanel>
-            <TabPanel>
-              <SurgicalSummary
+    <Layer>
+      <Tile>
+        <div className={styles.desktopHeading}>
+          <h4>{t('clinicalEncounter', 'Clinical encounter')}</h4>
+        </div>
+      </Tile>
+
+      <Tabs>
+        <TabList contained activation="manual" aria-label="List of tabs">
+          <Tab renderIcon={Friendship}>{t('socialHistory', 'Social History')}</Tab>
+          <Tab renderIcon={ReminderMedical}>{t('medicalHistory', 'Medical History')}</Tab>
+          {isInPatient && <Tab renderIcon={CloudMonitoring}>{t('encounterDetails', 'Encounter details')}</Tab>}
+          {isInPatient && <Tab renderIcon={Activity}>{t('surgicalSummary', 'Surgical Summary')}</Tab>}
+          {isInPatient && <Tab renderIcon={UserMultiple}>{t('neonatalSummary', 'Neonatal Summary')}</Tab>}
+          {isInPatient && <Tab renderIcon={UserFollow}>{t('maternalSummary', 'Maternal Summary')}</Tab>}
+          {isInPatient && <Tab renderIcon={Dashboard}>{t('inPatientSummary', 'In-Patient Summary')}</Tab>}
+        </TabList>
+        <TabPanels>
+          <TabPanel>
+            {
+              <OutPatientSocialHistory
+                patientUuid={patientUuid}
+                encounters={encounters}
+                isLoading={isLoading}
+                error={error}
+                mutate={mutate}
+                isValidating={isValidating}
+              />
+            }
+          </TabPanel>
+          <TabPanel>
+            {
+              <OutPatientMedicalHistory
                 patientUuid={patientUuid}
                 encounters={encounters}
                 isLoading={isLoading}
@@ -136,15 +111,11 @@ const ClinicalEncounterDashboard: React.FC<ClinicalEncounterDashboardProps> = ({
                 mutate={mutate}
                 isValidating={isValidating}
               />
-            </TabPanel>
-            <TabPanel>
-              <NeonatalSummary patientUuid={patientUuid} />
-            </TabPanel>
-            <TabPanel>
-              <MaternalSummary patientUuid={patientUuid} />
-            </TabPanel>
-            <TabPanel>
-              <InPatientSummary
+            }
+          </TabPanel>
+          <TabPanel>
+            {
+              <ClinicalEncounter
                 patientUuid={patientUuid}
                 encounters={encounters}
                 isLoading={isLoading}
@@ -152,11 +123,37 @@ const ClinicalEncounterDashboard: React.FC<ClinicalEncounterDashboardProps> = ({
                 mutate={mutate}
                 isValidating={isValidating}
               />
-            </TabPanel>
-          </TabPanels>
-        </Tabs>
-      </Layer>
-    </div>
+            }
+          </TabPanel>
+          <TabPanel>
+            <SurgicalSummary
+              patientUuid={patientUuid}
+              encounters={encounters}
+              isLoading={isLoading}
+              error={error}
+              mutate={mutate}
+              isValidating={isValidating}
+            />
+          </TabPanel>
+          <TabPanel>
+            <NeonatalSummary patientUuid={patientUuid} />
+          </TabPanel>
+          <TabPanel>
+            <MaternalSummary patientUuid={patientUuid} />
+          </TabPanel>
+          <TabPanel>
+            <InPatientSummary
+              patientUuid={patientUuid}
+              encounters={encounters}
+              isLoading={isLoading}
+              error={error}
+              mutate={mutate}
+              isValidating={isValidating}
+            />
+          </TabPanel>
+        </TabPanels>
+      </Tabs>
+    </Layer>
   );
 };
 export default ClinicalEncounterDashboard;

package/src/contact-list/contact-dashboard.component.tsx

@@ -0,0 +1,29 @@
+import { Layer, Tabs, TabList, Tab, TabPanels, TabPanel, Checkbox, Button, TextInput } from '@carbon/react';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import ContactList from './contact-list.component';
+import PeerCalendar from '../peer-calendar/peer-calendar.component';
+
+type ContactDashboardProps = {
+  patientUuid: string;
+};
+
+const ContactDashboard: React.FC<ContactDashboardProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+  return (
+    <Layer>
+      <Tabs>
+        <TabList contained>
+          <Tab>{t('contactList', 'Contact List')}</Tab>
+        </TabList>
+        <TabPanels>
+          <TabPanel>
+            <ContactList patientUuid={patientUuid} />
+          </TabPanel>
+        </TabPanels>
+      </Tabs>
+    </Layer>
+  );
+};
+
+export default ContactDashboard;

package/src/dashboard/createDashboardLink.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { type DashboardLinkConfig } from '@openmrs/esm-patient-common-lib';
+import { DashboardExtension } from './dashboard.component';
+
+type CustomDashboardLinkConfig = DashboardLinkConfig & {
+  showWhenExpression?: string;
+};
+
+export const createDashboardLink = (db: CustomDashboardLinkConfig) => {
+  return ({ basePath }: { basePath: string }) => {
+    return (
+      <BrowserRouter>
+        <DashboardExtension
+          basePath={basePath}
+          title={db.title}
+          path={db.path}
+          icon={db.icon}
+          showWhenExpression={db.showWhenExpression}
+        />
+      </BrowserRouter>
+    );
+  };
+};

package/src/dashboard/dashboard.component.tsx

@@ -0,0 +1,56 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import last from 'lodash-es/last';
+import { useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
+import { ConfigurableLink, MaybeIcon, evaluateAsBoolean } from '@openmrs/esm-framework';
+import styles from './dashboard.scss';
+import { getPatientFromStore } from '@openmrs/esm-patient-common-lib';
+import { usePatientEnrollment } from './useDashboard';
+import { InlineLoading } from '@carbon/react';
+
+export interface DashboardExtensionProps {
+  path: string;
+  title: string;
+  basePath: string;
+  icon: string;
+  showWhenExpression?: string;
+}
+
+export const DashboardExtension = ({ path, title, basePath, icon, showWhenExpression }: DashboardExtensionProps) => {
+  const { t } = useTranslation();
+  const location = useLocation();
+  const patient = getPatientFromStore();
+  const { activePatientEnrollment, patientEnrollments, isLoading } = usePatientEnrollment(patient?.id);
+
+  const show = evaluateAsBoolean(showWhenExpression, {
+    activePatientEnrollment,
+    patientEnrollments,
+    patient,
+  });
+
+  const navLink = useMemo(() => decodeURIComponent(last(location.pathname) ?? ''), [location.pathname]);
+
+  if (!show) {
+    return null;
+  }
+
+  return (
+    <div key={path}>
+      <ConfigurableLink
+        className={classNames('cds--side-nav__link', { 'active-left-nav-link': path === navLink })}
+        to={`${basePath}/${encodeURIComponent(path)}`}>
+        <span className={styles.menu}>
+          {isLoading ? (
+            <InlineLoading description={t('loading', 'Loading...')} />
+          ) : (
+            <>
+              <MaybeIcon icon={icon} className={styles.icon} size={16} />
+              <span>{t(title)}</span>
+            </>
+          )}
+        </span>
+      </ConfigurableLink>
+    </div>
+  );
+};

package/src/{dashboard.meta.tsx → dashboard/dashboard.meta.tsx}

@@ -1,27 +1,3 @@
-export const ClinicalDashboardGroup = {
-  title: 'Clinical Views',
-  slotName: 'patient-clinical-view-slot',
-  isExpanded: true,
-};
-
-export const mchDashboardMeta = {
-  slot: 'patient-chart-mch-dashboard-slot',
-  columns: 1,
-  title: 'MCH',
-  path: 'mch-dashboard',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
-};
-
-export const defaulterTracingDashboardMeta = {
-  slot: 'patient-chart-defaulter-tracing-dashboard-slot',
-  columns: 1,
-  title: 'Defaulter Tracing',
-  path: 'defaulter-tracing-dashboard',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  icon: '',
-  config: {},
-};
 export const inPatientDashboardMeta = {
   slot: 'patient-chart-in-patient-dashboard-slot',
   columns: 1,
@@ -32,34 +8,22 @@ export const inPatientDashboardMeta = {
   config: {},
 };
 
-export const htsDashboardMeta = {
-  slot: 'patient-chart-hts-dashboard-slot',
-  columns: 1,
-  title: 'HTS',
-  path: 'hts-dashboard',
-  icon: '',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
-};
-
 export const familyHistoryDashboardMeta = {
   slot: 'patient-chart-family-history-slot',
   columns: 1,
   title: 'Family History',
   path: 'family-history',
-  icon: '',
+  icon: 'omrs-icon-pedestrian-family',
   moduleName: '@kenyaemr/esm-patient-clinical-view-app',
   config: {},
 };
 
 export const contactListDashboardMeta = {
-  slot: 'patient-chart-relationships-slot',
+  slot: 'patient-chart-contact-list-slot',
   columns: 1,
-  title: 'Contact List',
+  title: 'Contact Listing',
   path: 'contact-list',
-  icon: '',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
+  icon: 'omrs-icon-information',
 };
 
 export const otherRelationshipsDashboardMeta = {
@@ -77,9 +41,7 @@ export const relationshipsDashboardMeta = {
   columns: 1,
   title: 'Relationships',
   path: 'relationships',
-  icon: '',
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
+  icon: 'omrs-icon-group',
 };
 
 export const labourDeliveryDashboardMeta = {
@@ -107,9 +69,7 @@ export const peerCalendarDashboardMeta = {
   title: 'Peer Calendar',
   path: 'peer-calendar',
   columns: 1,
-  moduleName: '@kenyaemr/esm-patient-clinical-view-app',
-  config: {},
-  icon: '',
+  icon: 'omrs-icon-calendar-heat-map',
 };
 export const caseEncounterDashboardMeta = {
   slot: 'patient-chart-relationships-slot',
@@ -118,15 +78,15 @@ export const caseEncounterDashboardMeta = {
   path: 'case-management-encounters',
   moduleName: '@kenyaemr/esm-patient-clinical-view-app',
   config: {},
-  icon: '',
+  icon: 'omrs-icon-events',
 };
 
-export const morgueDeceasedDetailsDashboardMeta = {
-  slot: 'patient-chart-deceased-panel-slot',
+export const specialClinicsDashboardMeta = {
+  slot: 'patient-chart-special-clinics-slot',
   columns: 1,
-  title: 'Deceased Panel',
-  path: 'deceased-panel',
+  title: 'Special Clinics',
+  path: 'special-clinics',
   moduleName: '@kenyaemr/esm-patient-clinical-view-app',
   config: {},
-  icon: '',
+  icon: 'omrs-icon-location',
 };

package/src/dashboard/dashboard.scss

@@ -0,0 +1,13 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+
+.menu {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.icon {
+  margin-right: layout.$spacing-06;
+  fill: colors.$gray-70;
+}

package/src/in-patient/in-patient.meta.tsx

@@ -6,5 +6,5 @@ export const inPatientMeta = {
   name: 'In Patient',
   columns: 1,
   config: {},
-  icon: '',
+  icon: 'omrs-icon-hospital-bed',
 };