@digihmis/esm-home-app 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digihmis/esm-home-app",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Homepage microfrontend for the OpenMRS SPA",
   "browser": "dist/digihmis-esm-home-app.js",
   "main": "src/index.ts",

package/src/config-schema.ts

@@ -1,5 +1,24 @@
 import { ConfigSchema, Type, validators } from '@openmrs/esm-framework';
 
+/**
+ * Every home icon shares one shape -- a `src` (svg path, overridable per deployment) and `alt`
+ * text. `iconSchema` stamps that shape from a single default path, so each icon is one line.
+ */
+const iconSchema = (defaultSrc: string) => ({
+  src: {
+    _type: Type.String,
+    _default: defaultSrc,
+    _description:
+      'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
+    _validators: [validators.isUrl],
+  },
+  alt: {
+    _type: Type.String,
+    _default: 'Logo',
+    _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
+  },
+});
+
 export const configSchema: ConfigSchema = {
   excludeLinks: {
     _type: Type.Array,
@@ -10,301 +29,28 @@ export const configSchema: ConfigSchema = {
     _default: [],
     _description: 'Array of links to hide in the esm home app',
   },
-  administrationIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/administration.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  appointmentsIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/appointments.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  billingIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/billing.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
+  administrationIcon: iconSchema('/openmrs/spa/administration.svg'),
+  appointmentsIcon: iconSchema('/openmrs/spa/appointments.svg'),
+  billingIcon: iconSchema('/openmrs/spa/billing.svg'),
 
-  dentalIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/denal.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  homeIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/home.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  inpatientIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/Inpatient.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  inventoryIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/inventory.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  laboratoryIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/labs.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  mchIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/mch.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  outpatientIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/outpatient.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  pharmacyIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/pharmacy.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  proceduresIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/procedure.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  radiologyIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/radiology.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  referralIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/referral.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  registrationIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/registration.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  specialClinicIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/special_clinic.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  staffManagementIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/staff_management.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  triageIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/triage_1.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  reportsIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/reports.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  facilityDashboardIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/facility_analysis.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
-  legacyUIIcon: {
-    src: {
-      _type: Type.String,
-      _default: '/openmrs/spa/logo.svg',
-      _description:
-        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
-      _validators: [validators.isUrl],
-    },
-    alt: {
-      _type: Type.String,
-      _default: 'Logo',
-      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
-    },
-  },
+  dentalIcon: iconSchema('/openmrs/spa/denal.svg'),
+  homeIcon: iconSchema('/openmrs/spa/home.svg'),
+  inpatientIcon: iconSchema('/openmrs/spa/Inpatient.svg'),
+  inventoryIcon: iconSchema('/openmrs/spa/inventory.svg'),
+  laboratoryIcon: iconSchema('/openmrs/spa/labs.svg'),
+  mchIcon: iconSchema('/openmrs/spa/mch.svg'),
+  outpatientIcon: iconSchema('/openmrs/spa/outpatient.svg'),
+  pharmacyIcon: iconSchema('/openmrs/spa/pharmacy.svg'),
+  proceduresIcon: iconSchema('/openmrs/spa/procedure.svg'),
+  radiologyIcon: iconSchema('/openmrs/spa/radiology.svg'),
+  referralIcon: iconSchema('/openmrs/spa/referral.svg'),
+  registrationIcon: iconSchema('/openmrs/spa/registration.svg'),
+  specialClinicIcon: iconSchema('/openmrs/spa/special_clinic.svg'),
+  staffManagementIcon: iconSchema('/openmrs/spa/staff_management.svg'),
+  triageIcon: iconSchema('/openmrs/spa/triage_1.svg'),
+  reportsIcon: iconSchema('/openmrs/spa/reports.svg'),
+  facilityDashboardIcon: iconSchema('/openmrs/spa/facility_analysis.svg'),
+  legacyUIIcon: iconSchema('/openmrs/spa/logo.svg'),
   leftNavMode: {
     _type: Type.String,
     _description: 'Sets the left nav mode for the home app.',
@@ -328,29 +74,31 @@ export const configSchema: ConfigSchema = {
   },
 };
 
+type IconConfig = { src: string; alt: string };
+
 export type ConfigObject = {
   excludeLinks: Array<string>;
-  administrationIcon: { src: string; alt: string };
-  appointmentsIcon: { src: string; alt: string };
-  billingIcon: { src: string; alt: string };
-  dentalIcon: { src: string; alt: string };
-  homeIcon: { src: string; alt: string };
-  inpatientIcon: { src: string; alt: string };
-  inventoryIcon: { src: string; alt: string };
-  laboratoryIcon: { src: string; alt: string };
-  mchIcon: { src: string; alt: string };
-  outpatientIcon: { src: string; alt: string };
-  pharmacyIcon: { src: string; alt: string };
-  proceduresIcon: { src: string; alt: string };
-  radiologyIcon: { src: string; alt: string };
-  referralIcon: { src: string; alt: string };
-  registrationIcon: { src: string; alt: string };
-  specialClinicIcon: { src: string; alt: string };
-  staffManagementIcon: { src: string; alt: string };
-  triageIcon: { src: string; alt: string };
-  reportsIcon: { src: string; alt: string };
-  facilityDashboardIcon: { src: string; alt: string };
-  legacyUIIcon: { src: string; alt: string };
+  administrationIcon: IconConfig;
+  appointmentsIcon: IconConfig;
+  billingIcon: IconConfig;
+  dentalIcon: IconConfig;
+  homeIcon: IconConfig;
+  inpatientIcon: IconConfig;
+  inventoryIcon: IconConfig;
+  laboratoryIcon: IconConfig;
+  mchIcon: IconConfig;
+  outpatientIcon: IconConfig;
+  pharmacyIcon: IconConfig;
+  proceduresIcon: IconConfig;
+  radiologyIcon: IconConfig;
+  referralIcon: IconConfig;
+  registrationIcon: IconConfig;
+  specialClinicIcon: IconConfig;
+  staffManagementIcon: IconConfig;
+  triageIcon: IconConfig;
+  reportsIcon: IconConfig;
+  facilityDashboardIcon: IconConfig;
+  legacyUIIcon: IconConfig;
   leftNavMode: 'normal' | 'collapsed' | 'hidden';
   triageQueueUuid: string;
   outpatientQueueUuid: string;

package/src/dashboards/administration-dashboard/administration-dashboard.component.tsx

@@ -1,68 +1,6 @@
-import React, { useEffect } from 'react';
-import {
-  ExtensionSlot,
-  WorkspaceContainer,
-  useLayoutType,
-  isDesktop,
-  useConfig,
-  useLeftNav,
-  useExtensionStore,
-} from '@openmrs/esm-framework';
-import classNames from 'classnames';
-import styles from '../../generic-dashboard/generic-dashboard.scss';
-import { ConfigObject } from '../../config-schema';
-import { useParams, useNavigate, useLocation } from 'react-router-dom';
-import { DashboardConfig } from '../../type';
-import DashboardView from '../../generic-dashboard/generic-dashboard-view.component';
+import React from 'react';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
 
 export default function AdministrationDashboard() {
-  const extensionStore = useExtensionStore();
-  const params = useParams();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const layout = useLayoutType();
-  const { leftNavMode } = useConfig<ConfigObject>();
-
-  useLeftNav({
-    name: 'administration-dashboard-slot',
-    basePath: `${window.spaBase}/home/administration`,
-    mode: leftNavMode,
-  });
-
-  const ungroupedDashboards =
-    extensionStore.slots['administration-dashboard-slot']?.assignedExtensions
-      .map((e) => e.meta)
-      .filter((e) => Object.keys(e).length) || [];
-  const dashboards = ungroupedDashboards as Array<DashboardConfig>;
-
-  const dashboardParam = params?.dashboard || params?.['*'];
-  const activeDashboard = dashboards.find((dashboard) => dashboard.name === dashboardParam) || dashboards[0];
-
-  useEffect(() => {
-    const basePaths = ['/home/administration', '/home/administration/'];
-    if (basePaths.includes(location.pathname)) {
-      if (dashboards.length > 0 && dashboards[0]?.name) {
-        navigate(`/home/administration/${dashboards[0].name}`, { replace: true });
-      }
-    }
-  }, [location.pathname, dashboards, navigate]);
-
-  return (
-    <div className={styles.homePageWrapper}>
-      <section
-        className={classNames([
-          isDesktop(layout) ? styles.dashboardContainer : styles.dashboardContainerTablet,
-          leftNavMode === 'normal' ? styles.hasLeftNav : '',
-        ])}>
-        {isDesktop(layout) && <ExtensionSlot name="administration-sidebar-slot" />}
-        {activeDashboard && (
-          <DashboardView
-            title={activeDashboard?.title || activeDashboard?.name}
-            dashboardSlot={activeDashboard?.slot}
-          />
-        )}
-      </section>
-      <WorkspaceContainer overlay contextKey="home/administration" />
-    </div>
-  );
+  return <ModuleDashboard moduleName="administration" redirectToFirstDashboard />;
 }

package/src/dashboards/appointments-dashboard/appointments-dashboard.component.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
+
+export default function AppointmentsDashboard() {
+  return <ModuleDashboard moduleName="appointments" />;
+}

package/src/dashboards/billing-dashboard/billing-dashboard.component.tsx

@@ -1,71 +1,8 @@
 import React from 'react';
-import {
-  ExtensionSlot,
-  WorkspaceContainer,
-  useLayoutType,
-  isDesktop,
-  useConfig,
-  useLeftNav,
-  useExtensionStore,
-} from '@openmrs/esm-framework';
-import classNames from 'classnames';
-import styles from '../../generic-dashboard/generic-dashboard.scss';
-import { ConfigObject } from '../../config-schema';
-import { useParams, useLocation } from 'react-router-dom';
-import { DashboardConfig } from '../../type';
-import DashboardView from '../../generic-dashboard/generic-dashboard-view.component';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
 
 export default function BillingDashboard() {
-  const extensionStore = useExtensionStore();
-  const params = useParams();
-  const location = useLocation();
-  const layout = useLayoutType();
-  const { leftNavMode } = useConfig<ConfigObject>();
-
-  const isFileRoute = location.pathname.includes('/bill');
-  const { patientUuid } = params;
-
-  useLeftNav({
-    name: 'billing-dashboard-slot',
-    basePath: `${window.spaBase}/home/billing`,
-    mode: leftNavMode,
-  });
-
-  const ungroupedDashboards =
-    extensionStore.slots['billing-dashboard-slot']?.assignedExtensions
-      .map((e) => e.meta)
-      .filter((e) => Object.keys(e).length) || [];
-
-  const dashboards = ungroupedDashboards as Array<DashboardConfig>;
-
-  const matchedDashboard = dashboards.find((dashboard) => dashboard.name === params?.dashboard);
-  const activeDashboard = matchedDashboard || dashboards[0];
-
   return (
-    <div className={styles.homePageWrapper}>
-      <section
-        className={classNames([
-          isDesktop(layout) ? styles.dashboardContainer : styles.dashboardContainerTablet,
-          leftNavMode === 'normal' ? styles.hasLeftNav : '',
-        ])}>
-        {isDesktop(layout) && <ExtensionSlot name="billing-sidebar-slot" />}
-
-        {isFileRoute && patientUuid ? (
-          <DashboardView
-            title={activeDashboard?.title || activeDashboard?.name}
-            dashboardSlot="patient-bill-dashboard-slot"
-            state={{ patientUuid }}
-          />
-        ) : (
-          activeDashboard && (
-            <DashboardView
-              title={activeDashboard?.title || activeDashboard?.name}
-              dashboardSlot={activeDashboard?.slot}
-            />
-          )
-        )}
-      </section>
-      <WorkspaceContainer overlay contextKey="home/billing" />
-    </div>
+    <ModuleDashboard moduleName="billing" patientRoute={{ pathSegment: '/bill', slot: 'patient-bill-dashboard-slot' }} />
   );
 }

package/src/dashboards/laboratory-dashboard/laboratory-dashboard.component.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
+
+export default function LaboratoryDashboard() {
+  return <ModuleDashboard moduleName="laboratory" />;
+}

package/src/dashboards/outpatient-dashboard/outpatient-dashboard.component.tsx

@@ -1,71 +1,8 @@
 import React from 'react';
-import {
-  ExtensionSlot,
-  WorkspaceContainer,
-  useLayoutType,
-  isDesktop,
-  useConfig,
-  useLeftNav,
-  useExtensionStore,
-} from '@openmrs/esm-framework';
-import classNames from 'classnames';
-import styles from '../../generic-dashboard/generic-dashboard.scss';
-import { ConfigObject } from '../../config-schema';
-import { useParams, useLocation } from 'react-router-dom';
-import { DashboardConfig } from '../../type';
-import DashboardView from '../../generic-dashboard/generic-dashboard-view.component';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
 
 export default function OutpatientDashboard() {
-  const extensionStore = useExtensionStore();
-  const params = useParams();
-  const location = useLocation();
-  const layout = useLayoutType();
-  const { leftNavMode } = useConfig<ConfigObject>();
-
-  const isFileRoute = location.pathname.includes('/file');
-  const { patientUuid } = params;
-
-  useLeftNav({
-    name: 'outpatient-dashboard-slot',
-    basePath: `${window.spaBase}/home/outpatient`,
-    mode: leftNavMode,
-  });
-
-  const ungroupedDashboards =
-    extensionStore.slots['outpatient-dashboard-slot']?.assignedExtensions
-      .map((e) => e.meta)
-      .filter((e) => Object.keys(e).length) || [];
-
-  const dashboards = ungroupedDashboards as Array<DashboardConfig>;
-
-  const matchedDashboard = dashboards.find((dashboard) => dashboard.name === params?.dashboard);
-  const activeDashboard = matchedDashboard || dashboards[0];
-
   return (
-    <div className={styles.homePageWrapper}>
-      <section
-        className={classNames([
-          isDesktop(layout) ? styles.dashboardContainer : styles.dashboardContainerTablet,
-          leftNavMode === 'normal' ? styles.hasLeftNav : '',
-        ])}>
-        {isDesktop(layout) && <ExtensionSlot name="outpatient-sidebar-slot" />}
-
-        {isFileRoute && patientUuid ? (
-          <DashboardView
-            title={activeDashboard?.title || activeDashboard?.name}
-            dashboardSlot="outpatient-file-dashboard-slot"
-            state={{ patientUuid }}
-          />
-        ) : (
-          activeDashboard && (
-            <DashboardView
-              title={activeDashboard?.title || activeDashboard?.name}
-              dashboardSlot={activeDashboard?.slot}
-            />
-          )
-        )}
-      </section>
-      <WorkspaceContainer overlay contextKey="home/outpatient" />
-    </div>
+    <ModuleDashboard moduleName="outpatient" patientRoute={{ pathSegment: '/file', slot: 'outpatient-file-dashboard-slot' }} />
   );
 }

package/src/dashboards/procedures-dashboard/procedures-dashboard.component.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
+
+export default function ProceduresDashboard() {
+  return <ModuleDashboard moduleName="procedures" />;
+}

package/src/dashboards/radiology-dashboard/radiology-dashboard.component.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ModuleDashboard from '../../generic-dashboard/module-dashboard.component';
+
+export default function RadiologyDashboard() {
+  return <ModuleDashboard moduleName="radiology" />;
+}