(Chore) Refactor Service metrics extension slot

src/billable-services/dashboard/service-metrics.component.tsx

@@ -7,7 +7,7 @@ import Card from '../../metrics-cards/card.component';
 import styles from '../../metrics-cards/metrics-cards.scss';
 import { ExtensionSlot } from '@openmrs/esm-framework';
 
-export default function ServiceMetrics() {
+function ServiceMetrics() {
   const { t } = useTranslation();
   const { isLoading, error } = useBillableServices();
 
@@ -40,3 +40,5 @@ export default function ServiceMetrics() {
     </section>
   );
 }
+
+export default React.memo(ServiceMetrics);

src/index.ts

@@ -41,14 +41,12 @@ export const billingSummaryDashboardLink = getSyncLifecycle(
   options,
 );
 
-export const billingServicesTiles = getSyncLifecycle(ServiceMetrics, {
-  featureName: 'billing-home-tiles',
-  moduleName,
-});
+// export const billingServicesTiles = getSyncLifecycle(ServiceMetrics, options);
 
 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);

src/routes.json

@@ -73,7 +73,7 @@
     {
       "name": "billing-home-tiles-ext",
       "slot": "billing-home-tiles-slot",
-      "component": "billingServicesTiles"
+      "component": "ServiceMetrics"
     }
   ]
 }