@ampath/esm-reports-app 1.0.0-next.7 → 1.0.0-next.71

package/src/reports/moh-717/moh-717.component.tsx

@@ -1,40 +1,70 @@
-import React, { useState } from 'react';
-import ReportFiltersComponent from '../../common/report-filters/report-filters.component';
+import React, { useEffect, useState } from 'react';
+import { ReportFiltersComponent, type ReportPeriod } from '../../common/report-filters';
+import { showReportError } from '../../common/report-error';
+import { hasReportData, ReportPlaceholder, useGeneratedLocation } from '../../common/report-placeholder';
 
 import styles from './moh717.scss';
 import classNames from 'classnames';
 import { useSession } from '@openmrs/esm-framework';
+import { useLocationDetails } from '../../common/report-header';
+import dayjs from 'dayjs';
 import { getMoh717 } from '../../resources/moh-717.resource';
-import { Loading } from '@carbon/react';
+import OutpatientComponent from './sections/outpatient.component';
+import InpatientComponent from './sections/inpatient.component';
+import MaternityComponent from './sections/maternity.component';
+import OperationsComponent from './sections/operations.component';
+import OrthopaedicTraumaComponent from './sections/orthopaedic-trauma.component';
+import SpecialServicesComponent from './sections/special-services.component';
+import PharmacyComponent from './sections/pharmacy.component';
+import MortuaryComponent from './sections/mortuary.component';
+import MedicalRecordsComponent from './sections/medical-records.component';
+import FinanceComponent from './sections/finance.component';
+import PreparedbyComponent from './sections/preparedby.component';
+import { ReportSkeleton } from '../../common/report-skeleton';
+import { ReportPage } from '../../common/report-page';
 
 const Moh717Report: React.FC = () => {
-  let errorMessage: string = '';
-  const [moh717ReportData, setMoh717ReportData] = useState<any>([]);
+  const [moh717ReportData, setMoh717ReportData] = useState<any>(() => {
+    const saved = sessionStorage.getItem('moh717ReportData');
+    return saved ? JSON.parse(saved) : [];
+  });
+  /* Only a report for the current location counts: after switching location the
+     old figures would otherwise be shown, and labelled, as the new location's. */
+  const { isForCurrentLocation, hasLocationChanged, markGenerated } = useGeneratedLocation('moh717Location');
+  const isReportGenerated = hasReportData(moh717ReportData) && isForCurrentLocation;
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [startDate, setStartDate] = useState<string>(() => {
+    return sessionStorage.getItem('moh717StartDate') || '';
+  });
 
-  const session = useSession();
-  const locationUuid = session?.sessionLocation?.uuid;
-  const fetchMoh717ReportData = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
-    setIsLoading(true);
-    let startDate = filters.startDate;
-    let endDate = filters.endDate;
+  const [endDate, setEndDate] = useState<string>(() => {
+    return sessionStorage.getItem('moh717EndDate') || '';
+  });
+  useEffect(() => {
+    sessionStorage.setItem('moh717ReportData', JSON.stringify(moh717ReportData));
+  }, [moh717ReportData]);
 
-    if (filters.month) {
-      const [year, monthIndex] = filters.month.split('-').map(Number);
+  useEffect(() => {
+    sessionStorage.setItem('moh717StartDate', startDate);
+  }, [startDate]);
 
-      const start = new Date(year, monthIndex - 1, 1);
-      const end = new Date(year, monthIndex, 0);
+  useEffect(() => {
+    sessionStorage.setItem('moh717EndDate', endDate);
+  }, [endDate]);
 
-      const formatLocalDate = (d: Date) => {
-        const year = d.getFullYear();
-        const month = String(d.getMonth() + 1).padStart(2, '0');
-        const day = String(d.getDate()).padStart(2, '0');
-        return `${year}-${month}-${day}`;
-      };
+  const session = useSession();
+  const locationUuid = session?.sessionLocation?.uuid;
 
-      startDate = formatLocalDate(start);
-      endDate = formatLocalDate(end);
-    }
+  /* The masthead fills itself in, as on the other reports */
+  const facility = session?.sessionLocation?.display ?? '';
+  const { county, subCounty, kmhflCode } = useLocationDetails();
+  const reportMonth = startDate ? dayjs(startDate).format('MMMM') : '';
+  const reportYear = startDate ? dayjs(startDate).format('YYYY') : '';
+
+  const fetchMoh717ReportData = async ({ startDate, endDate }: ReportPeriod) => {
+    setIsLoading(true);
+    setStartDate(startDate);
+    setEndDate(endDate);
 
     const params = {
       locationUuids: locationUuid || '',
@@ -45,979 +75,113 @@ const Moh717Report: React.FC = () => {
       const data = await getMoh717(params);
       const flatData = Object.assign({}, ...data.result);
       setMoh717ReportData(flatData);
+      markGenerated(params.locationUuids);
       setIsLoading(false);
     } catch (error) {
       setIsLoading(false);
-      errorMessage = error instanceof Error ? error.message : String(error);
-      throw new Error(`Failed to fetch MOH-717 report data: ${error instanceof Error ? error.message : String(error)}`);
+      showReportError('the MOH-717 report', error);
     }
   };
   return (
     <>
       <ReportFiltersComponent
         reportName="MOH-717 Report"
-        mode="monthly"
+        mode="both"
         onGenerate={fetchMoh717ReportData}
-        isLoding={isLoading}
+        isLoading={isLoading}
+        isReportGenerated={isReportGenerated}
+        generatedPeriod={{ startDate, endDate }}
       />
-      {isLoading && <Loading description="Fetching data...." />}
-      {!isLoading && errorMessage && (
-        <div>
-          <a href="#" className="close" data-dismiss="alert">
-            &times;
-          </a>
-          <h4>
-            <strong>
-              <span className="glyphicon glyphicon-warning-sign"></span>{' '}
-            </strong>{' '}
-            An error occurred while trying to load the report. Please try again.
-          </h4>
-          <p>
-            <small>{errorMessage}</small>
-          </p>
-        </div>
+      {isLoading && <ReportSkeleton />}
+      {!isLoading && !isReportGenerated && (
+        <ReportPlaceholder
+          reportName="MOH-717"
+          isLocationChanged={hasReportData(moh717ReportData) && hasLocationChanged}
+        />
+      )}
+      {!isLoading && isReportGenerated && (
+        <ReportPage>
+          <div className={styles.headerContainer}>
+            <div className={styles.mainTitleBox}>
+              <h2 className={styles.mainTitle}>Ministry of Health</h2>
+              <h3 className={styles.subTitle}>Monthly Service Workload Report for Health Facilities</h3>
+              <div className={styles.locationContainer}>
+                <span>
+                  County: <span className={styles.shortLine}>{county ?? ''}</span>
+                </span>
+                <span>
+                  Sub-County: <span className={styles.shortLine}>{subCounty ?? ''}</span>
+                </span>
+                <span>
+                  Health Facility: <span className={styles.line}>{facility}</span>
+                </span>
+              </div>
+              <div className={styles.locationContainer}>
+                <span>
+                  Month: <span className={styles.shortLine}>{reportMonth}</span>
+                </span>
+                <span>
+                  Year: <span className={styles.shortLine}>{reportYear}</span>
+                </span>
+                <span>
+                  KMHFL Code: <span className={styles.shortLine}>{kmhflCode ?? ''}</span>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className={styles.container}>
+            <div className={styles.section}>
+              <OutpatientComponent
+                moh717ReportData={moh717ReportData}
+                startDate={startDate}
+                endDate={endDate}
+                locationUuids={locationUuid!}
+              />
+            </div>
+            <div className={styles.section}>
+              <InpatientComponent moh717ReportData={moh717ReportData} />
+            </div>
+            <div className={styles.sectionContainer}>
+              <div className={styles.left}>
+                <MaternityComponent
+                  moh717ReportData={moh717ReportData}
+                  startDate={startDate}
+                  endDate={endDate}
+                  locationUuids={locationUuid!}
+                />
+              </div>
+              <div className={styles.right}>
+                <div className={styles.section}>
+                  <OperationsComponent moh717ReportData={moh717ReportData} />
+                </div>
+                <div className={styles.section}>
+                  <OrthopaedicTraumaComponent moh717ReportData={moh717ReportData} />
+                </div>
+              </div>
+            </div>
+            <div className={styles.section}>
+              <SpecialServicesComponent moh717ReportData={moh717ReportData} />
+            </div>
+            <div className={styles.sectionTwoContainer}>
+              <div className={styles.one}>
+                <PharmacyComponent moh717ReportData={moh717ReportData} />
+              </div>
+              <div className={styles.two}>
+                <MortuaryComponent moh717ReportData={moh717ReportData} />
+              </div>
+              <div className={styles.three}>
+                <MedicalRecordsComponent moh717ReportData={moh717ReportData} />
+              </div>
+            </div>
+            <div className={styles.section}>
+              <FinanceComponent moh717ReportData={moh717ReportData} />
+            </div>
+            <div className={styles.preparedByContainer}>
+              <PreparedbyComponent />
+            </div>
+          </div>
+        </ReportPage>
       )}
-      <h3>KHIS Aggregate</h3>
-      <div className={styles.container}>
-        <p className={styles.title}>General outpatient (Filter Clinic)</p>
-        <p className={styles.sectionTitle}>New clientsRe-visits</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>OPD attendance &gt;5yrs Male</td>
-                <td>{moh717ReportData.opd_attendance_greater_5yrs_male_new}</td>
-                <td>{moh717ReportData.opd_attendance_greater_5yrs_male_revisit}</td>
-              </tr>
-              <tr>
-                <td>OPD attendance &gt;5yrs Female</td>
-                <td>{moh717ReportData.opd_attendance_greater_5yrs_female_new}</td>
-                <td>{moh717ReportData.opd_attendance_greater_5yrs_female_revisit}</td>
-              </tr>
-              <tr>
-                <td>OPD attendance &lt;5yrs Male</td>
-                <td>{moh717ReportData.opd_attendance_less_5yrs_male_new}</td>
-                <td>{moh717ReportData.opd_attendance_less_5yrs_male_revisit}</td>
-              </tr>
-              <tr>
-                <td>OPD attendance &lt;5yrs Female</td>
-                <td>{moh717ReportData.opd_attendance_less_5yrs_female_new}</td>
-                <td>{moh717ReportData.opd_attendance_less_5yrs_female_revisit}</td>
-              </tr>
-              <tr>
-                <td>Over 60 years</td>
-                <td>{moh717ReportData.over_60_years_new}</td>
-                <td>{moh717ReportData.over_60_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>OPD Casualty attendance</td>
-                <td>{moh717ReportData.casualty_attendance_new}</td>
-                <td>{moh717ReportData.casualty_attendance_revisit}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Special clinics</p>
-        <p className={styles.sectionTitle}>New clientsRe-visits</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>ENT Clinic Attendance</td>
-                <td>{moh717ReportData.ent_clinic_attendance_new}</td>
-                <td>{moh717ReportData.ent_clinic_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>Eye Clinic Attendance</td>
-                <td>{moh717ReportData.eye_clinic_attendance_new}</td>
-                <td>{moh717ReportData.eye_clinic_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>TB and Leprosy attendance</td>
-                <td>{moh717ReportData.tb_and_leprosy_attendance_new}</td>
-                <td>{moh717ReportData.tb_and_leprosy_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>Comprehensive Care Clinic (CCC)</td>
-                <td>{moh717ReportData.ccc_new}</td>
-                <td>{moh717ReportData.ccc_revisit}</td>
-              </tr>
-              <tr>
-                <td>Psychiatry Attendance</td>
-                <td>{moh717ReportData.psychiatry_attendance_new}</td>
-                <td>{moh717ReportData.psychiatry_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>Orthopaedic Clinic Attendance</td>
-                <td>{moh717ReportData.orthopaedic_new}</td>
-                <td>{moh717ReportData.orthopaedic_revisit}</td>
-              </tr>
-              <tr>
-                <td>Occupational Therapy Attendance</td>
-                <td>{moh717ReportData.occupational_therapy_new}</td>
-                <td>{moh717ReportData.occupational_therapy_revisit}</td>
-              </tr>
-              <tr>
-                <td>Physiotherapy Attendance</td>
-                <td>{moh717ReportData.physiotherapy_new}</td>
-                <td>{moh717ReportData.physiotherapy_revisit}</td>
-              </tr>
-              <tr>
-                <td>Medical Attendance</td>
-                <td>{moh717ReportData.medical_attendance_new}</td>
-                <td>{moh717ReportData.medical_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>Surgical Clinics attendances</td>
-                <td>{moh717ReportData.surgical_clinics_new}</td>
-                <td>{moh717ReportData.surgical_clinics_revisit}</td>
-              </tr>
-              <tr>
-                <td>Paediatrics attendances</td>
-                <td>{moh717ReportData.paediatrics_attendance_new}</td>
-                <td>{moh717ReportData.paediatrics_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>Obstetrics/Gynaecology/Attendance</td>
-                <td>{moh717ReportData.obstetrics_gynaecology_new}</td>
-                <td>{moh717ReportData.obstetrics_gynaecology_revisit}</td>
-              </tr>
-              <tr>
-                <td>Nutrition Clinic</td>
-                <td>{moh717ReportData.nutrition_new}</td>
-                <td>{moh717ReportData.nutrition_revisit}</td>
-              </tr>
-              <tr>
-                <td>Oncology Clinic</td>
-                <td>{moh717ReportData.oncology_new}</td>
-                <td>{moh717ReportData.oncology_revisit}</td>
-              </tr>
-              <tr>
-                <td>Renal Clinic</td>
-                <td>{moh717ReportData.renal_new}</td>
-                <td>{moh717ReportData.renal_revisit}</td>
-              </tr>
-              <tr>
-                <td>All other special clinics attendance</td>
-                <td>{moh717ReportData.other_special_clinics_new}</td>
-                <td>{moh717ReportData.other_special_clinics_revisit}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>MCH/FP clients</p>
-        <p className={styles.sectionTitle}>New clientsRe-visits</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>CWC Attendance</td>
-                <td>{moh717ReportData.cwc_attendance_new}</td>
-                <td>{moh717ReportData.cwc_attendance_revisit}</td>
-              </tr>
-              <tr>
-                <td>ANC Attendance</td>
-                <td>{moh717ReportData.anc_new}</td>
-                <td>{moh717ReportData.anc_revisit}</td>
-              </tr>
-              <tr>
-                <td>PNC Attendance</td>
-                <td>{moh717ReportData.pnc_new}</td>
-                <td>{moh717ReportData.pnc_revisit}</td>
-              </tr>
-              <tr>
-                <td>FP Attendance</td>
-                <td>{moh717ReportData.fp_attendance_new}</td>
-                <td>{moh717ReportData.fp_attendance_revisit}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Dental Clinic</p>
-        <p className={styles.sectionTitle}>New clientsRe-visits</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Dental clinic attendance (Excluding fillings and extractios)</td>
-                <td>{moh717ReportData.dental_attendance_ex_fillings_extractions_new}</td>
-                <td>{moh717ReportData.dental_attendance_ex_fillings_extractions_revisit}</td>
-              </tr>
-              <tr>
-                <td>Dental Fillings Attendance</td>
-                <td>{moh717ReportData.dental_fillings_new}</td>
-                <td>{moh717ReportData.dental_fillings_revisit}</td>
-              </tr>
-              <tr>
-                <td>Dental Extractions Attendance</td>
-                <td>{moh717ReportData.dental_extractions_new}</td>
-                <td>{moh717ReportData.dental_extractions_revisit}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Other Services</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Medical Examinations done except P3</td>
-                <td>{moh717ReportData.medical_examinations_except_p3}</td>
-              </tr>
-              <tr>
-                <td>Medical Reports Issued (INC. p3, compensation, insuarnce)</td>
-                <td>{moh717ReportData.opd_medical_reports}</td>
-              </tr>
-              <tr>
-                <td>OPD Dressing Done</td>
-                <td>{moh717ReportData.opd_dressing_done}</td>
-              </tr>
-              <tr>
-                <td>OPD Removal of Stitches</td>
-                <td>{moh717ReportData.opd_removal_of_stitches}</td>
-              </tr>
-              <tr>
-                <td>OPD injections Given</td>
-                <td>{moh717ReportData.opd_injections_given}</td>
-              </tr>
-              <tr>
-                <td>OPD Stitching Done</td>
-                <td>{moh717ReportData.opd_stitching}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Inpatient Services</p>
-        <p className={styles.sectionTitle}>
-          MEDICALSURGICALOBST/FYNPAEDIATRICSMATERNITYEYENURSERY/NEBORNORTHOPAEDICISOLATIONAMENITYPSYCHIATRYICURENALOTHER
-        </p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>MEDICAL</th>
-                <th>SURGICAL</th>
-                <th>OBST/GYN</th>
-                <th>PAEDIATRICS</th>
-                <th>MATERNITY</th>
-                <th>EYE</th>
-                <th>NURSERY/NEWBORN</th>
-                <th>ORTHOPAEDIC</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Inpatient Discharges</td>
-                <td>{moh717ReportData.medical_discharges}</td>
-                <td>{moh717ReportData.surgical_discharges}</td>
-                <td>{moh717ReportData.obst_gyn_discharges}</td>
-                <td>{moh717ReportData.paediatrics_discharges}</td>
-                <td>{moh717ReportData.maternity_discharges}</td>
-                <td>{moh717ReportData.eye_discharges}</td>
-                <td>{moh717ReportData.nursery_newborn_discharges}</td>
-                <td>{moh717ReportData.orthopaedic_discharges}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Deaths</td>
-                <td>{moh717ReportData.medical_deaths}</td>
-                <td>{moh717ReportData.surgical_deaths}</td>
-                <td>{moh717ReportData.obst_gyn_deaths}</td>
-                <td>{moh717ReportData.paediatrics_deaths}</td>
-                <td>{moh717ReportData.maternity_deaths}</td>
-                <td>{moh717ReportData.eye_deaths}</td>
-                <td>{moh717ReportData.nursery_newborn_deaths}</td>
-                <td>{moh717ReportData.orthopaedic_deaths}</td>
-              </tr>
-              <tr>
-                <td>Deaths due to confirmed Malaria</td>
-                <td>{moh717ReportData.medical_deaths_malaria}</td>
-                <td>{moh717ReportData.surgical_deaths_malaria}</td>
-                <td>{moh717ReportData.obst_gyn_deaths_malaria}</td>
-                <td>{moh717ReportData.paediatrics_deaths_malaria}</td>
-                <td>{moh717ReportData.maternity_deaths_malaria}</td>
-                <td>{moh717ReportData.eye_deaths_malaria}</td>
-                <td>{moh717ReportData.nursery_newborn_deaths_malaria}</td>
-                <td>{moh717ReportData.orthopaedic_deaths_malaria}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Abscondees</td>
-                <td>{moh717ReportData.medical_abscondees}</td>
-                <td>{moh717ReportData.surgical_abscondees}</td>
-                <td>{moh717ReportData.obst_gyn_abscondees}</td>
-                <td>{moh717ReportData.paediatrics_abscondees}</td>
-                <td>{moh717ReportData.maternity_abscondees}</td>
-                <td>{moh717ReportData.eye_abscondees}</td>
-                <td>{moh717ReportData.nursery_newborn_abscondees}</td>
-                <td>{moh717ReportData.orthopaedic_abscondees}</td>
-              </tr>
-              <tr>
-                <td>Referrals Out of the Facility</td>
-                <td>{moh717ReportData.medical_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.surgical_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.obst_gyn_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.paediatrics_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.maternity_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.eye_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.nursery_newborn_referrals_out_of_facility}</td>
-                <td>{moh717ReportData.orthopaedic_referrals_out_of_facility}</td>
-              </tr>
-              <tr>
-                <td>Admission 0-28 days</td>
-                <td>{moh717ReportData.medical_admissions_0_28_days}</td>
-                <td>{moh717ReportData.surgical_admissions_0_28_days}</td>
-                <td>{moh717ReportData.obst_gyn_admissions_0_28_days}</td>
-                <td>{moh717ReportData.paediatrics_admissions_0_28_days}</td>
-                <td>{moh717ReportData.maternity_admissions_0_28_days}</td>
-                <td>{moh717ReportData.eye_admissions_0_28_days}</td>
-                <td>{moh717ReportData.nursery_newborn_admissions_0_28_days}</td>
-                <td>{moh717ReportData.orthopaedic_admissions_0_28_days}</td>
-              </tr>
-              <tr>
-                <td>Inaptient Admissions Under Five</td>
-                <td>{moh717ReportData.medical_admissions_under_five}</td>
-                <td>{moh717ReportData.surgical_admissions_under_five}</td>
-                <td>{moh717ReportData.obst_gyn_admissions_under_five}</td>
-                <td>{moh717ReportData.paediatrics_admissions_under_five}</td>
-                <td>{moh717ReportData.maternity_admissions_under_five}</td>
-                <td>{moh717ReportData.eye_admissions_under_five}</td>
-                <td>{moh717ReportData.nursery_newborn_admissions_under_five}</td>
-                <td>{moh717ReportData.orthopaedic_admissions_under_five}</td>
-              </tr>
-              <tr>
-                <td>Inaptient Admissions Over Five</td>
-                <td>{moh717ReportData.medical_admissions_over_five}</td>
-                <td>{moh717ReportData.surgical_admissions_over_five}</td>
-                <td>{moh717ReportData.obst_gyn_admissions_over_five}</td>
-                <td>{moh717ReportData.paediatrics_admissions_over_five}</td>
-                <td>{moh717ReportData.maternity_admissions_over_five}</td>
-                <td>{moh717ReportData.eye_admissions_over_five}</td>
-                <td>{moh717ReportData.nursery_newborn_admissions_over_five}</td>
-                <td>{moh717ReportData.orthopaedic_admissions_over_five}</td>
-              </tr>
-              <tr>
-                <td>Under 5's admitted with severe Malaria</td>
-                <td>{moh717ReportData.medical_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.surgical_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.obst_gyn_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.paediatrics_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.maternity_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.eye_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.nursery_newborn_admissions_under_five_severe_malaria}</td>
-                <td>{moh717ReportData.orthopaedic_admissions_under_five_severe_malaria}</td>
-              </tr>
-              <tr>
-                <td>Over 5's admitted with severe Malaria</td>
-                <td>{moh717ReportData.medical_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.surgical_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.obst_gyn_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.paediatrics_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.maternity_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.eye_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.nursery_newborn_admissions_over_five_severe_malaria}</td>
-                <td>{moh717ReportData.orthopaedic_admissions_over_five_severe_malaria}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Paroles</td>
-                <td>{moh717ReportData.medical_paroles}</td>
-                <td>{moh717ReportData.surgical_paroles}</td>
-                <td>{moh717ReportData.obst_gyn_paroles}</td>
-                <td>{moh717ReportData.paediatrics_paroles}</td>
-                <td>{moh717ReportData.maternity_paroles}</td>
-                <td>{moh717ReportData.eye_paroles}</td>
-                <td>{moh717ReportData.nursery_newborn_paroles}</td>
-                <td>{moh717ReportData.orthopaedic_paroles}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Occupied Bed Days -NHIF Members</td>
-                <td>{moh717ReportData.medical_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.surgical_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.obst_gyn_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.paediatrics_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.maternity_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.eye_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.nursery_newborn_occupied_bed_days_sha_members}</td>
-                <td>{moh717ReportData.orthopaedic_occupied_bed_days_sha_members}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Occupied Bed Days -NON-NHIF Members</td>
-                <td>{moh717ReportData.medical_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.surgical_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.obst_gyn_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.paediatrics_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.maternity_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.eye_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.nursery_newborn_occupied_bed_days_non_sha_members}</td>
-                <td>{moh717ReportData.orthopaedic_occupied_bed_days_non_sha_members}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Well Persons Days</td>
-                <td>{moh717ReportData.medical_well_persons_days}</td>
-                <td>{moh717ReportData.surgical_well_persons_days}</td>
-                <td>{moh717ReportData.obst_gyn_well_persons_days}</td>
-                <td>{moh717ReportData.paediatrics_well_persons_days}</td>
-                <td>{moh717ReportData.maternity_well_persons_days}</td>
-                <td>{moh717ReportData.eye_well_persons_days}</td>
-                <td>{moh717ReportData.nursery_newborn_well_persons_days}</td>
-                <td>{moh717ReportData.orthopaedic_well_persons_days}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Authorised Beds</td>
-                <td>{moh717ReportData.medical_authorised_beds}</td>
-                <td>{moh717ReportData.surgical_authorised_beds}</td>
-                <td>{moh717ReportData.obst_gyn_authorised_beds}</td>
-                <td>{moh717ReportData.paediatrics_authorised_beds}</td>
-                <td>{moh717ReportData.maternity_authorised_beds}</td>
-                <td>{moh717ReportData.eye_authorised_beds}</td>
-                <td>{moh717ReportData.nursery_newborn_authorised_beds}</td>
-                <td>{moh717ReportData.orthopaedic_authorised_beds}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Actual Physical Beds</td>
-                <td>{moh717ReportData.medical_actual_physical_beds}</td>
-                <td>{moh717ReportData.surgical_actual_physical_beds}</td>
-                <td>{moh717ReportData.obst_gyn_actual_physical_beds}</td>
-                <td>{moh717ReportData.paediatrics_actual_physical_beds}</td>
-                <td>{moh717ReportData.maternity_actual_physical_beds}</td>
-                <td>{moh717ReportData.eye_actual_physical_beds}</td>
-                <td>{moh717ReportData.nursery_newborn_actual_physical_beds}</td>
-                <td>{moh717ReportData.orthopaedic_actual_physical_beds}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Authorised Cots</td>
-                <td>{moh717ReportData.medical_authorised_cots}</td>
-                <td>{moh717ReportData.surgical_authorised_cots}</td>
-                <td>{moh717ReportData.obst_gyn_authorised_cots}</td>
-                <td>{moh717ReportData.paediatrics_authorised_cots}</td>
-                <td>{moh717ReportData.maternity_authorised_cots}</td>
-                <td>{moh717ReportData.eye_authorised_cots}</td>
-                <td>{moh717ReportData.nursery_newborn_authorised_cots}</td>
-                <td>{moh717ReportData.orthopaedic_authorised_cots}</td>
-              </tr>
-              <tr>
-                <td>Inpatient Actual Physical Cots</td>
-                <td>{moh717ReportData.medical_actual_physical_cots}</td>
-                <td>{moh717ReportData.surgical_actual_physical_cots}</td>
-                <td>{moh717ReportData.obst_gyn_actual_physical_cots}</td>
-                <td>{moh717ReportData.paediatrics_actual_physical_cots}</td>
-                <td>{moh717ReportData.maternity_actual_physical_cots}</td>
-                <td>{moh717ReportData.eye_actual_physical_cots}</td>
-                <td>{moh717ReportData.nursery_newborn_actual_physical_cots}</td>
-                <td>{moh717ReportData.orthopaedic_actual_physical_cots}</td>
-              </tr>
-              <tr>
-                <td>Incubator- Authorised</td>
-                <td>{moh717ReportData.medical_authorised_incubator}</td>
-                <td>{moh717ReportData.surgical_authorised_incubator}</td>
-                <td>{moh717ReportData.obst_gyn_authorised_incubator}</td>
-                <td>{moh717ReportData.paediatrics_authorised_incubator}</td>
-                <td>{moh717ReportData.maternity_authorised_incubator}</td>
-                <td>{moh717ReportData.eye_authorised_incubator}</td>
-                <td>{moh717ReportData.nursery_newborn_authorised_incubator}</td>
-                <td>{moh717ReportData.orthopaedic_authorised_incubator}</td>
-              </tr>
-              <tr>
-                <td>Incubator- Actual Physical</td>
-                <td>{moh717ReportData.medical_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.surgical_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.obst_gyn_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.paediatrics_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.maternity_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.eye_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.nursery_newborn_actual_Physical_incubator}</td>
-                <td>{moh717ReportData.orthopaedic_actual_Physical_incubator}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Maternity</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Normal Deliveries</td>
-                <td>{moh717ReportData.normal_deliveries}</td>
-              </tr>
-              <tr>
-                <td>Caesarian Sections</td>
-                <td>{moh717ReportData.caesarian_sections}</td>
-              </tr>
-              <tr>
-                <td>Breach Delivery</td>
-                <td>{moh717ReportData.breach_deliveries}</td>
-              </tr>
-              <tr>
-                <td>Assisted vaginal delivery</td>
-                <td>{moh717ReportData.assisted_vaginal_deliveries}</td>
-              </tr>
-              <tr>
-                <td>BBA (Born before arrival)</td>
-                <td>{moh717ReportData.born_before_arrival}</td>
-              </tr>
-              <tr>
-                <td>Maternal deaths</td>
-                <td>{moh717ReportData.maternal_deaths}</td>
-              </tr>
-              <tr>
-                <td>Maternal Deaths Audited Within 7 days</td>
-                <td>{moh717ReportData.maternal_deaths_audited_within_7_days}</td>
-              </tr>
-              <tr>
-                <td>Live births</td>
-                <td>{moh717ReportData.live_births}</td>
-              </tr>
-              <tr>
-                <td>Still births</td>
-                <td>{moh717ReportData.still_births}</td>
-              </tr>
-              <tr>
-                <td>Neonatal deaths 0-28 Days</td>
-                <td>{moh717ReportData.neonatal_deaths_0_28_days}</td>
-              </tr>
-              <tr>
-                <td>Neonatal deaths Audits</td>
-                <td>{moh717ReportData.neonatal_deaths_audits}</td>
-              </tr>
-              <tr>
-                <td>Low Birth Weight &lt;2500gms</td>
-                <td>{moh717ReportData.low_birth_weight_less_2500gms}</td>
-              </tr>
-              <tr>
-                <td>Babies discharge Alive</td>
-                <td>{moh717ReportData.babies_discharged_alive}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Operations</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Minor Surgeries Booked</td>
-                <td>{moh717ReportData.minor_surgeries_booked}</td>
-              </tr>
-              <tr>
-                <td>Minor surgeries operated</td>
-                <td>{moh717ReportData.minor_surgeries_operated}</td>
-              </tr>
-              <tr>
-                <td>Emergencies Booked</td>
-                <td>{moh717ReportData.emergencies_booked}</td>
-              </tr>
-              <tr>
-                <td>Emergencies Operated</td>
-                <td>{moh717ReportData.emergencies_operated}</td>
-              </tr>
-              <tr>
-                <td>Cold Cases Booked</td>
-                <td>{moh717ReportData.cold_cases_booked}</td>
-              </tr>
-              <tr>
-                <td>Cold surgical cases</td>
-                <td>{moh717ReportData.cold_surgical_cases}</td>
-              </tr>
-              <tr>
-                <td>Circumcision Booked</td>
-                <td>{moh717ReportData.circumcisions_booked}</td>
-              </tr>
-              <tr>
-                <td>Circumcision Operated</td>
-                <td>{moh717ReportData.circumcisions_operated}</td>
-              </tr>
-              <tr>
-                <td>Major surgeries Booked</td>
-                <td>{moh717ReportData.major_surgeries_booked}</td>
-              </tr>
-              <tr>
-                <td>Major surgeries Operated</td>
-                <td>{moh717ReportData.major_surgeries_operated}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Orthopaedic Trauma Services</p>
-        <p className={styles.sectionTitle}>
-          Under 5 Years, New clientsUnder 5 Years, Re-visitsOver Five Years, New clientsOver Five Years, Re-visits
-        </p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th colSpan={2}>Under 5 Years</th>
-                <th colSpan={2}>Over Five Years</th>
-              </tr>
-              <tr>
-                <th></th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-                <th>New clients</th>
-                <th>Re-visits</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>No of Casts fixed</td>
-                <td>{moh717ReportData.casts_fixed_less_5_years_new}</td>
-                <td>{moh717ReportData.casts_fixed_less_5_years_revisit}</td>
-                <td>{moh717ReportData.casts_fixed_over_5_years_new}</td>
-                <td>{moh717ReportData.casts_fixed_over_5_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>No of Tractions fixed</td>
-                <td>{moh717ReportData.tractions_fixed_less_5_years_new}</td>
-                <td>{moh717ReportData.tractions_fixed_less_5_years_revisit}</td>
-                <td>{moh717ReportData.tractions_fixed_over_5_years_new}</td>
-                <td>{moh717ReportData.tractions_fixed_over_5_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>No of Closed Reductions (Fructures, Dislocation)</td>
-                <td>{moh717ReportData.closed_reductions_less_5_years_new}</td>
-                <td>{moh717ReportData.closed_reductions_less_5_years_revisit}</td>
-                <td>{moh717ReportData.closed_reductions_over_5_years_new}</td>
-                <td>{moh717ReportData.closed_reductions_over_5_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>No of Orthopeadic cases assisted in theatre</td>
-                <td>{moh717ReportData.orthopaedic_assisted_in_theatre_less_5_years_new}</td>
-                <td>{moh717ReportData.orthopaedic_assisted_in_theatre_less_5_years_revisit}</td>
-                <td>{moh717ReportData.orthopaedic_assisted_in_theatre_over_5_years_new}</td>
-                <td>{moh717ReportData.orthopaedic_assisted_in_theatre_over_5_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>No of club foot seen /corrected (Ponsseti method)</td>
-                <td>{moh717ReportData.club_foot_seen_less_5_years_new}</td>
-                <td>{moh717ReportData.club_foot_seen_less_5_years_revisit}</td>
-                <td>{moh717ReportData.club_foot_seen_over_5_years_new}</td>
-                <td>{moh717ReportData.club_foot_seen_over_5_years_revisit}</td>
-              </tr>
-              <tr>
-                <td>No of Crepe bandages and arm slings applied</td>
-                <td>{moh717ReportData.crepe_bandages_applied_less_5_years_new}</td>
-                <td>{moh717ReportData.crepe_bandages_applied_less_5_years_revisit}</td>
-                <td>{moh717ReportData.crepe_bandages_applied_over_5_years_new}</td>
-                <td>{moh717ReportData.crepe_bandages_applied_over_5_years_revisit}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Orthopaedic Removal</p>
-        <p className={styles.sectionTitle}>&lt;5 yrs&gt;5 yrs</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>&lt;5 yrs</th>
-                <th>&gt;5 yrs</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>No. of Removals Done Casts</td>
-                <td>{moh717ReportData.removals_done_cast_less_5_years}</td>
-                <td>{moh717ReportData.removals_done_cast_over_5_years}</td>
-              </tr>
-              <tr>
-                <td>No. of Removals Done Tractions</td>
-                <td>{moh717ReportData.removals_done_tractions_less_5_years}</td>
-                <td>{moh717ReportData.orthopaedic_removals_tractions_over_5_years}</td>
-              </tr>
-              <tr>
-                <td>No. of Removals Ex-Fixator</td>
-                <td>{moh717ReportData.ex_fixator_removed_less_5_years}</td>
-                <td>{moh717ReportData.ex_fixator_removed_over_5_years}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Special services</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Laboratory routine test</td>
-                <td>{moh717ReportData.lab_routine_test}</td>
-              </tr>
-              <tr>
-                <td>Laboratory special test</td>
-                <td>{moh717ReportData.lab_special_test}</td>
-              </tr>
-              <tr>
-                <td>Plain X-Rays without enhancement</td>
-                <td>{moh717ReportData.plain_xray_without_enhancement}</td>
-              </tr>
-              <tr>
-                <td>Contrast enhanced examinations</td>
-                <td>{moh717ReportData.contrast_enhancement_examination}</td>
-              </tr>
-              <tr>
-                <td>Magnetic Resonance Imaging</td>
-                <td>{moh717ReportData.magnetic_resonance_imaging}</td>
-              </tr>
-              <tr>
-                <td>Computarized Tomography</td>
-                <td>{moh717ReportData.computerized_tomography}</td>
-              </tr>
-              <tr>
-                <td>Mammography</td>
-                <td>{moh717ReportData.mammography}</td>
-              </tr>
-              <tr>
-                <td>Chest x-ray for PTB with specialist's report</td>
-                <td>{moh717ReportData.chest_xray_for_ptb}</td>
-              </tr>
-              <tr>
-                <td>Number of ultrasound examinations</td>
-                <td>{moh717ReportData.number_of_ultrasound_examinations}</td>
-              </tr>
-              <tr>
-                <td>General ultrasound</td>
-                <td>{moh717ReportData.general_ultrasound}</td>
-              </tr>
-              <tr>
-                <td>Obstetric ultrasound</td>
-                <td>{moh717ReportData.obstetric_ultrasound}</td>
-              </tr>
-              <tr>
-                <td>Total routine (X-Ray and Imaging)</td>
-                <td>{moh717ReportData.total_routine_xray_and_imaging}</td>
-              </tr>
-              <tr>
-                <td>Total special exams (X-Ray and Imaging)</td>
-                <td>{moh717ReportData.total_special_exams_xray_and_imaging}</td>
-              </tr>
-              <tr>
-                <td>Physiotherapy - Number of Treatments</td>
-                <td>{moh717ReportData.physiotherapy_number_of_treatments}</td>
-              </tr>
-              <tr>
-                <td>Occupational therapy Number of treatments</td>
-                <td>{moh717ReportData.occupational_therapy_number_of_treatments}</td>
-              </tr>
-              <tr>
-                <td>
-                  Orthopaedic Technology (Prosthetist & Orthotist) - Orthopaedic Technology - No of ITEMS Prepared and
-                  issued e.g. a pair of crutches, Wheelchair, Prosthesis etc. count as one item
-                </td>
-                <td>{moh717ReportData.orthopaedic_technology_prepared}</td>
-              </tr>
-              <tr>
-                <td>
-                  Orthopaedic Technology (Prosthetist & Orthotist) - Orthopaedic Technology - No of ITEMS issued e.g. a
-                  pair of crutches, Wheelchair, Prosthesis etc. count as one item
-                </td>
-                <td>{moh717ReportData.orthopaedic_technology_issued}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Pharmacy No of prescriptions</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Prescriptions Issued - Common Drugs</td>
-                <td>{moh717ReportData.prescriptions_issued_common_drugs}</td>
-              </tr>
-              <tr>
-                <td>Prescriptions Issued - Antibiotics</td>
-                <td>{moh717ReportData.prescriptions_issued_antibiotics}</td>
-              </tr>
-              <tr>
-                <td>Prescriptions Issued - Special drugs</td>
-                <td>{moh717ReportData.prescriptions_issued_special_drugs}</td>
-              </tr>
-              <tr>
-                <td>Prescriptions Issued - Drugs for Children</td>
-                <td>{moh717ReportData.prescriptions_issued_drugs_children}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Mortuary</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Mortuary Body days</td>
-                <td>{moh717ReportData.mortuary_body_days}</td>
-              </tr>
-              <tr>
-                <td>Mortuary Embalment</td>
-                <td>{moh717ReportData.mortuary_embalment}</td>
-              </tr>
-              <tr>
-                <td>Mortuary Post-Moterm</td>
-                <td>{moh717ReportData.mortuary_postmortem}</td>
-              </tr>
-              <tr>
-                <td>Mortuary Unclaimed body days</td>
-                <td>{moh717ReportData.mortuary_unclaimed_bodies}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Medical Records</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>New Patient Files issued</td>
-                <td>{moh717ReportData.new_patient_files_issued}</td>
-              </tr>
-              <tr>
-                <td>Outpatient records cards Issued</td>
-                <td>{moh717ReportData.outpatient_records_cards_issued}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <div className={styles.container}>
-        <p className={styles.title}>Finance</p>
-        <p className={styles.sectionTitle}>default</p>
-        <div className={styles.tableContainer}>
-          <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
-            <thead>
-              <tr>
-                <th></th>
-                <th>Value</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Total Amount Collected (Kshs)</td>
-                <td>{}</td>
-              </tr>
-              <tr>
-                <td>Total Amount Received</td>
-                <td>{}</td>
-              </tr>
-              <tr>
-                <td>Number of clients waived</td>
-                <td>{}</td>
-              </tr>
-              <tr>
-                <td>Amount for clients waived (Kshs)</td>
-                <td>{}</td>
-              </tr>
-              <tr>
-                <td>Number of clients exempted</td>
-                <td>{}</td>
-              </tr>
-              <tr>
-                <td>Amount for clients exempted (Kshs)</td>
-                <td>{}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
     </>
   );
 };