fix : add reception facility stats (#101)

Author: jabahum

packages/esm-patient-queues-app/src/patient-queue-metrics/clinic-metrics.component.tsx

@@ -8,9 +8,15 @@ import {
   useSelectedQueueRoomLocationUuid,
 } from '../helpers/helpers';
 import { useQueueRoomLocations } from '../patient-search/hooks/useQueueRooms';
-import { usePatientsBeingServed, usePatientsServed } from './clinic-metrics.resource';
+import {
+  useActiveVisits,
+  usePatientsBeingServed,
+  usePatientsServed,
+  useQueuePatients,
+} from './clinic-metrics.resource';
 import styles from './clinic-metrics.scss';
 import MetricsCard from './metrics-card.component';
+import { use } from 'i18next';
 
 function ClinicMetrics() {
   const { t } = useTranslation();
@@ -22,14 +28,23 @@ function ClinicMetrics() {
 
   const { servedCount } = usePatientsServed(userLocation, 'picked');
 
+  // overall checked in patients stats
+
+  // overall expected appointments
+
+  // overall patients being served
+  const { count } = useQueuePatients('picked');
+
+  const { count: pendingCount } = useQueuePatients('pending');
+
   // receptionist ui
   return (
     <>
       <div className={styles.cardContainer}>
         <UserHasAccess privilege={PRIVILEGE_RECEPTION_METRIC}>
           <MetricsCard
             label={t('patients', 'Patients')}
-            value={0}
+            value={pendingCount ?? 0}
             headerLabel={t('checkedInPatients', 'Checked in patients')}
           />
           <MetricsCard
@@ -39,7 +54,7 @@ function ClinicMetrics() {
           />
           <MetricsCard
             label={t('serving', 'Serving')}
-            value={patientQueueCount ?? 0}
+            value={count ?? 0}
             headerLabel={t('currentlyServing', 'No. of Currently being Served')}
           />
         </UserHasAccess>

packages/esm-patient-queues-app/src/patient-queue-metrics/clinic-metrics.resource.tsx

@@ -394,3 +394,39 @@ export function usePatientsBeingServed(currentQueueLocationUuid: string, status:
     mutate,
   };
 }
+
+// overall checked in patients
+export function useQueuePatients(status: string) {
+  const apiUrl = `/ws/rest/v1/patientqueue?v=full&status=${status}`;
+  const { data, error, isLoading, isValidating, mutate } = useSWR<{ data: { results: Array<PatientQueue> } }, Error>(
+    apiUrl,
+    openmrsFetch,
+  );
+
+  return {
+    count: data?.data.results?.length,
+    isLoading,
+    isError: error,
+    isValidating,
+    mutate,
+  };
+}
+
+// overall expected appointments
+
+// overall being served patients
+export function useQueueServingPatients(status: string) {
+  const apiUrl = `/ws/rest/v1/patientqueue?v=full&status=${status}`;
+  const { data, error, isLoading, isValidating, mutate } = useSWR<{ data: { results: Array<PatientQueue> } }, Error>(
+    apiUrl,
+    openmrsFetch,
+  );
+
+  return {
+    patientQueueCount: data?.data.results?.length,
+    isLoading,
+    isError: error,
+    isValidating,
+    mutate,
+  };
+}