@ampath/esm-reports-app 1.0.0-next.4 → 1.0.0-next.41

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import ReportFiltersComponent from '../../common/report-filters/report-filters.component';
 
 import styles from './moh717.scss';
@@ -6,18 +6,50 @@ import classNames from 'classnames';
 import { useSession } from '@openmrs/esm-framework';
 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 { type ReportFilters } from '../moh-705a/type';
 
 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) : [];
+  });
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [startDate, setStartDate] = useState<string>(() => {
+    return sessionStorage.getItem('moh717StartDate') || '';
+  });
+
+  const [endDate, setEndDate] = useState<string>(() => {
+    return sessionStorage.getItem('moh717EndDate') || '';
+  });
+  useEffect(() => {
+    sessionStorage.setItem('moh717ReportData', JSON.stringify(moh717ReportData));
+  }, [moh717ReportData]);
+
+  useEffect(() => {
+    sessionStorage.setItem('moh717StartDate', startDate);
+  }, [startDate]);
+
+  useEffect(() => {
+    sessionStorage.setItem('moh717EndDate', endDate);
+  }, [endDate]);
 
   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 getReportParams = (filters: ReportFilters) => {
+    let { startDate: sDate, endDate: eDate } = filters;
 
     if (filters.month) {
       const [year, monthIndex] = filters.month.split('-').map(Number);
@@ -26,16 +58,27 @@ const Moh717Report: React.FC = () => {
       const end = new Date(year, monthIndex, 0);
 
       const formatLocalDate = (d: Date) => {
-        const year = d.getFullYear();
-        const month = String(d.getMonth() + 1).padStart(2, '0');
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
         const day = String(d.getDate()).padStart(2, '0');
-        return `${year}-${month}-${day}`;
+        return `${y}-${m}-${day}`;
       };
 
-      startDate = formatLocalDate(start);
-      endDate = formatLocalDate(end);
+      sDate = formatLocalDate(start);
+      eDate = formatLocalDate(end);
     }
 
+    setStartDate(sDate || '');
+    setEndDate(eDate || '');
+
+    return { startDate: sDate, endDate: eDate };
+  };
+
+  const fetchMoh717ReportData = async (filters: { startDate?: string; endDate?: string; month?: string }) => {
+    setIsLoading(true);
+
+    const { startDate, endDate } = getReportParams(filters);
+
     const params = {
       locationUuids: locationUuid || '',
       startDate,
@@ -77,945 +120,76 @@ const Moh717Report: React.FC = () => {
           </p>
         </div>
       )}
-      <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 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}></span>
+            </span>
+            <span>
+              Sub-County: <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              Health Facility: <span className={styles.shortLine}></span>
+            </span>
+          </div>
+          <div className={styles.locationContainer}>
+            <span>
+              Month: <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              Year: <span className={styles.shortLine}></span>
+            </span>
+            <span>
+              KMHFL Code: <span className={styles.shortLine}></span>
+            </span>
+          </div>
         </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 className={styles.section}>
+          <OutpatientComponent
+            moh717ReportData={moh717ReportData}
+            startDate={startDate}
+            endDate={endDate}
+            locationUuids={locationUuid!}
+          />
+        </div>
+        <InpatientComponent moh717ReportData={moh717ReportData} />
+        <div className={styles.sectionContainer}>
+          <div className={styles.left}>
+            <MaternityComponent
+              moh717ReportData={moh717ReportData}
+              startDate={startDate}
+              endDate={endDate}
+              locationUuids={locationUuid!}
+            />
+          </div>
+          <div className={styles.right}>
+            <OperationsComponent moh717ReportData={moh717ReportData} />
+            <div className={styles.section}>
+              <OrthopaedicTraumaComponent moh717ReportData={moh717ReportData} />
+            </div>
+          </div>
+        </div>
+        <SpecialServicesComponent moh717ReportData={moh717ReportData} />
+        <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>
-      <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>
+
+        <FinanceComponent moh717ReportData={moh717ReportData} />
+        <div className={styles.preparedByContainer}>
+          <PreparedbyComponent />
         </div>
       </div>
     </>