fix: Add type safety to serviceItems

openmrs · Jan 9, 2025 · 9f50776 · 9f50776
1 parent ac35818
commit 9f50776
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/esm-service-queues-app/src/patient-queue-metrics/clinic-metrics.component.tsx b/packages/esm-service-queues-app/src/patient-queue-metrics/clinic-metrics.component.tsx
@@ -10,12 +10,15 @@ import MetricsCard from './metrics-card.component';
 import MetricsHeader from './metrics-header.component';
 import useQueueServices from '../hooks/useQueueService';
 import styles from './clinic-metrics.scss';
+import { type Concept } from '../types';
 
 export interface Service {
   uuid: string;
   display: string;
 }
 
+type ServiceListItem = Service | Concept;
+
 function ClinicMetrics() {
   const { t } = useTranslation();
   const layout = useLayoutType();
@@ -35,12 +38,12 @@ function ClinicMetrics() {
   const { activeVisitsCount, isLoading: loading } = useActiveVisits();
   const { waitTime } = useAverageWaitTime(currentService?.serviceUuid, '');
 
-  const defaultServiceItem = {
+  const defaultServiceItem: Service = {
     display: `${t('all', 'All')}`,
     uuid: '',
   };
 
-  const serviceItems = [defaultServiceItem, ...(services ?? [])];
+  const serviceItems: ServiceListItem[] = [defaultServiceItem, ...(services ?? [])];
 
   const handleServiceChange = ({ selectedItem }) => {
     updateSelectedService(selectedItem.uuid, selectedItem.display);