From b92b8c238614ef70d0c2cd11cb95873a57db2bfc Mon Sep 17 00:00:00 2001
From: AJAL ODORA JONATHAN <43242517+ODORA0@users.noreply.github.com>
Date: Thu, 8 Feb 2024 11:04:34 +0300
Subject: [PATCH] O3-2822 Hide the tiles on the billing services management
 page (#4)

---
 .../dashboard/service-metrics.component.tsx                | 2 ++
 src/index.ts                                               | 7 +++++++
 src/routes.json                                            | 5 +++++
 3 files changed, 14 insertions(+)

diff --git a/src/billable-services/dashboard/service-metrics.component.tsx b/src/billable-services/dashboard/service-metrics.component.tsx
index fec53fe..c03b324 100644
--- a/src/billable-services/dashboard/service-metrics.component.tsx
+++ b/src/billable-services/dashboard/service-metrics.component.tsx
@@ -5,6 +5,7 @@ import { ErrorState } from '@openmrs/esm-patient-common-lib';
 import { useBillableServices } from '../billable-service.resource';
 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() {
   const { t } = useTranslation();
@@ -35,6 +36,7 @@ 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
index a64f20d..3bc35a1 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,6 +11,8 @@ import BillingForm from './billing-form/billing-form.component';
 import RequirePaymentModal from './modal/require-payment-modal.component';
 import RootComponent from './root.component';
 import VisitAttributeTags from './invoice/payments/visit-tags/visit-attribute.component';
+import BillableServicesDashboard from './billable-services/dashboard/dashboard.component';
+import ServiceMetrics from './billable-services/dashboard/service-metrics.component';
 
 const moduleName = '@openmrs/esm-billing-app';
 
@@ -39,6 +41,11 @@ 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);
diff --git a/src/routes.json b/src/routes.json
index 50b556d..e6e743a 100644
--- a/src/routes.json
+++ b/src/routes.json
@@ -69,6 +69,11 @@
       "component": "visitAttributeTags",
       "slot": "patient-banner-tags-slot",
       "order": 2
+    },
+    {
+      "name": "billing-home-tiles-ext",
+      "slot": "billing-home-tiles-slot",
+      "component": "billingServicesTiles"
     }
   ]
 }
\ No newline at end of file