(Chore) Refactor Service metrics extension slot (#7)

* (Chore) Refactor Service metrics extension slot * PR comments * PR comments * PR comments * PR comments
openmrs · Feb 15, 2024 · ee49206 · ee49206
1 parent 53e14c4
commit ee49206
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 9 deletions.
diff --git a/src/billable-services/dashboard/dashboard.component.tsx b/src/billable-services/dashboard/dashboard.component.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import BillableServices from '../billable-services.component';
-import ServiceMetrics from './service-metrics.component';
 import styles from './dashboard.scss';
+import { ExtensionSlot } from '@openmrs/esm-framework';
 
 export default function BillableServicesDashboard() {
   return (
     <main className={styles.container}>
-      <ServiceMetrics />
+      <ExtensionSlot name="billing-home-tiles-slot" />
       <main className={styles.servicesTableContainer}>
         <BillableServices />
       </main>

diff --git a/src/billable-services/dashboard/service-metrics.component.tsx b/src/billable-services/dashboard/service-metrics.component.tsx
@@ -36,7 +36,6 @@ export default function ServiceMetrics() {
       {cards.map((card) => (
         <Card key={card.title} title={card.title} count={card.count} />
       ))}
-      <ExtensionSlot name="billing-home-tiles-slot" />
     </section>
   );
 }
diff --git a/src/index.ts b/src/index.ts
@@ -41,14 +41,10 @@ export const billingSummaryDashboardLink = getSyncLifecycle(
   options,
 );
 
-export const billingServicesTiles = getSyncLifecycle(ServiceMetrics, {
-  featureName: 'billing-home-tiles',
-  moduleName,
-});
-
 export const billableServicesCardLink = getSyncLifecycle(BillableServicesCardLink, options);
 export const billableServicesHome = getSyncLifecycle(BillableServiceHome, options);
 export const billingCheckInForm = getSyncLifecycle(BillingCheckInForm, options);
+export const serviceMetrics = getSyncLifecycle(ServiceMetrics, options);
 export const billingForm = getSyncLifecycle(BillingForm, options);
 export const billingPatientSummary = getSyncLifecycle(BillHistory, options);
 export const requirePaymentModal = getSyncLifecycle(RequirePaymentModal, options);

diff --git a/src/routes.json b/src/routes.json
@@ -73,7 +73,7 @@
     {
       "name": "billing-home-tiles-ext",
       "slot": "billing-home-tiles-slot",
-      "component": "billingServicesTiles"
+      "component": "serviceMetrics"
     }
   ]
 }