@ampath/esm-reports-app 1.0.0-next.26 → 1.0.0-next.27

package/src/reports/moh-711/registers/moh-511-register.component.tsx

@@ -0,0 +1,263 @@
+import { Button, Loading, Table, TableBody, TableHead, TableHeader, TableRow } from '@carbon/react';
+import React, { useEffect, useState } from 'react';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+
+import styles from '../moh711.scss';
+import { getMoh511PatientList } from '../../../resources/moh-711.resource';
+import { moh511Columns } from './type';
+
+const Moh511Register: React.FC = () => {
+  const navigate = useNavigate();
+  const [patientlist, setPatientList] = useState<any[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const [searchParams] = useSearchParams();
+
+  const startDate = searchParams.get('startDate');
+  const endDate = searchParams.get('endDate');
+  const locationUuids = searchParams.get('locationUuids');
+  const indicator = searchParams.get('indicator');
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!startDate || !endDate || !locationUuids || !indicator) return;
+
+      setIsLoading(true);
+
+      try {
+        const params = {
+          startDate,
+          endDate,
+          locationUuids,
+          indicator,
+        };
+
+        const data = await getMoh511PatientList(params);
+
+        setPatientList(data?.result || []);
+      } catch (error) {
+        console.error('Failed to fetch register data', error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [startDate, endDate, locationUuids, indicator]);
+
+  function navigateBack() {
+    navigate('/moh-711');
+  }
+  return (
+    <>
+      <div className={styles.buttonContainer}>
+        <Button onClick={navigateBack}>Back</Button>
+      </div>
+      <div>{isLoading && <Loading />}</div>
+      <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeader>Serial No.</TableHeader>
+            <TableHeader>
+              Date.
+              <br />
+              (DD:MM:YYYY)
+            </TableHeader>
+            <TableHeader>
+              CWC No.
+              <br />
+              (New Visit)
+            </TableHeader>
+            <TableHeader>
+              CWC No.
+              <br />
+              (Revisit)
+            </TableHeader>
+            <TableHeader>
+              BIRTH NOTIFICATION
+              <br /> (NUMBER)
+            </TableHeader>
+            <TableHeader>Full Names (Three names)</TableHeader>
+            <TableHeader>Age</TableHeader>
+            <TableHeader>Sex</TableHeader>
+            <TableHeader>
+              County/Sub-
+              <br />
+              county
+            </TableHeader>
+            <TableHeader>
+              Village /Estate / <br />
+              Landmark
+            </TableHeader>
+            <TableHeader>
+              Telephone
+              <br />
+              number
+            </TableHeader>
+            <TableHeader>Weight</TableHeader>
+            <TableHeader>Height</TableHeader>
+            <TableHeader>Weight in Kgs</TableHeader>
+            <TableHeader>
+              Weight
+              <br />
+              categories:
+              <br />
+              (1=Normal
+              <br />
+              2=UW
+              <br />
+              3=SUW
+              <br />
+              4=OW
+              <br />
+              5=Obese)
+            </TableHeader>
+            <TableHeader>Height / Length in cm</TableHeader>
+            <TableHeader>
+              Height/Length
+              <br />
+              categories:
+              <br />
+              (1=Normal
+              <br />
+              2=Stunted
+              <br />
+              3=Sev.
+              <br />
+              Stunted)
+              <br />
+            </TableHeader>
+            <TableHeader>
+              MUAC
+              <br />
+              1.Green
+              <br />
+              2.Yellow
+              <br />
+              3.Red
+            </TableHeader>
+            <TableHeader>
+              Exclusive <br /> Breast feeding <br />
+              (less than 6<br /> months)(Y/N)
+            </TableHeader>
+            <TableHeader>
+              Vitamin A
+              <br />
+              supplimentation:
+              <br />
+              (6-59 months) (1=6-
+              <br />
+              11 months, 2=12-59
+              <br />
+              months, 3=Not
+              <br />
+              supplimented)
+            </TableHeader>
+            <TableHeader>Dewormed (Y/N)</TableHeader>
+            <TableHeader>
+              MNPs supplimentation:(6-23
+              <br />
+              children)
+            </TableHeader>
+            <TableHeader>
+              Childs assessed for <br />
+              Developmental milestones <br />
+              including 1st Haed control ,2=
+              <br />
+              sitting, 3=talking
+            </TableHeader>
+            <TableHeader>
+              Any Danger Signs
+              <br />
+              1.Unable to breastfeed
+              <br />
+              2.Unable to drink
+              <br />
+              3.Vomits everything
+              <br />
+              4.Bloody diarrhoea
+              <br />
+              5.Has oedema <br />
+              6.Has convulsions
+            </TableHeader>
+            <TableHeader>Any Disability</TableHeader>
+            <TableHeader>Immunization status up to date(Y/N)</TableHeader>
+            <TableHeader>LLIN gievn to under 1 years(Y/N)</TableHeader>
+            <TableHeader>
+              Follow up for: <br />
+              1=Nutrition service
+              <br />
+              2=Rehabilitation service
+            </TableHeader>
+            <TableHeader>
+              1=referred from CU; 2= <br />
+              referred from another H/F;
+              <br />
+              3=Not applicable
+            </TableHeader>
+            <TableHeader>
+              1=referred to CU; 2= <br />
+              referred to another H/F;
+              <br />
+              3=Not applicable
+            </TableHeader>
+            <TableHeader>
+              Reason for referral <br />
+              ....specify
+            </TableHeader>
+            <TableHeader>REMARKS</TableHeader>
+          </TableRow>
+          <TableRow>
+            <TableHeader>A</TableHeader>
+            <TableHeader>B</TableHeader>
+            <TableHeader>C</TableHeader>
+            <TableHeader>D</TableHeader>
+            <TableHeader>E</TableHeader>
+            <TableHeader>F</TableHeader>
+            <TableHeader>G</TableHeader>
+            <TableHeader>H</TableHeader>
+            <TableHeader>I</TableHeader>
+            <TableHeader>J</TableHeader>
+            <TableHeader>K</TableHeader>
+            <TableHeader>L</TableHeader>
+            <TableHeader>M</TableHeader>
+            <TableHeader>N</TableHeader>
+            <TableHeader>O</TableHeader>
+            <TableHeader>P</TableHeader>
+            <TableHeader>Q</TableHeader>
+            <TableHeader>R</TableHeader>
+            <TableHeader>S</TableHeader>
+            <TableHeader>T</TableHeader>
+            <TableHeader>U</TableHeader>
+            <TableHeader>V</TableHeader>
+            <TableHeader>W</TableHeader>
+            <TableHeader>X</TableHeader>
+            <TableHeader>Y</TableHeader>
+            <TableHeader>Z</TableHeader>
+            <TableHeader>AA</TableHeader>
+            <TableHeader>AB</TableHeader>
+            <TableHeader>AC</TableHeader>
+            <TableHeader>AD</TableHeader>
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {patientlist?.length > 0 ? (
+            patientlist.map((patient, index) => (
+              <TableRow key={index}>
+                {moh511Columns.map((col) => (
+                  <td key={col}>{patient?.[col] ?? '-'}</td>
+                ))}
+              </TableRow>
+            ))
+          ) : (
+            <TableRow>
+              <td colSpan={moh511Columns.length}>No data available</td>
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </>
+  );
+};
+
+export default Moh511Register;

package/src/reports/moh-711/registers/type.ts

@@ -0,0 +1,194 @@
+export const moh406Columns = [
+  'date_of_visit',
+  'pnc_number_new_visit',
+  'pnc_number_revisit',
+  'amrs_id',
+  'full_name',
+  'date_of_birth',
+  'county_subcounty',
+  'village_estate_landmark',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'lmp',
+  'edd',
+  'gestation_weeks',
+  'muac',
+  'height',
+  'weight',
+  'blood_pressure',
+  'breast_exam',
+  'uterus',
+  'pph',
+  'c_section_site',
+  'lochia',
+  'episiotomy',
+  'fistula',
+  'tb_screening',
+  'hiv_tested_pnc',
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_result_pnc',
+  'hiv_6wks',
+  'hiv_gt6wks',
+  'infant_result',
+  'mother_result',
+  'cervical_cancer_screening',
+  'family_planning',
+  'other_complications',
+  'haematinics',
+  'referral_from',
+  'referral_to',
+  'referral_reason',
+  'remarks',
+];
+export const moh511Columns = [
+  'serial_no',
+  'visit_date',
+  'cwc_number_new',
+  'cwc_number_revisit',
+  'birth_notification_number',
+  'full_name',
+  'age',
+  'sex',
+  'county_subcounty',
+  'village_estate_landmark',
+  'telephone_number',
+  'weight',
+  'height',
+  'weight_kg',
+  'weight_category',
+  'height_length_cm',
+  'height_category',
+  'muac',
+  'exclusive_breastfeeding',
+  'vitamin_a_supplementation',
+  'dewormed',
+  'mnp_supplementation',
+  'developmental_milestones',
+  'danger_signs',
+  'disability',
+  'immunization_status',
+  'llin_given',
+  'follow_up',
+  'referred_from',
+  'referred_to',
+  'referral_reason',
+  'remarks',
+];
+export const moh405Columns = [
+  'date_of_visit',
+  'anc_number_new',
+  'anc_number_revisit',
+  'amrs_id',
+  'visit_number',
+  'full_name',
+  'date_of_birth',
+  'subcounty_county',
+  'village_estate',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'lmp',
+  'edd',
+  'gestation_weeks',
+  'muac',
+  'height',
+  'weight',
+  'blood_pressure',
+  'breast_exam',
+  'fgm',
+  'hb_level',
+  'blood_sugar',
+  'blood_group',
+  'urinalysis',
+  'syphilis_test',
+  'hepatitis_b',
+  'tb_screening',
+  'hiv_testing_type',
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_results',
+  'haart',
+  'infant_prophylaxis',
+  'partner_testing',
+  'other_conditions',
+  'deworming',
+  'ipt',
+  'tt_dose',
+  'supplementation',
+  'llitn',
+  'referral_from',
+  'referral_to',
+  'referral_reason',
+  'remarks',
+];
+export const moh333Columns = [
+  'date_of_admission',
+  'amrsid',
+  'admission_number',
+  'full_name',
+  'date_of_birth',
+  'county_subcounty',
+  'village_landmark',
+  'marital_status',
+  'parity',
+  'gravidae',
+  'anc_visits',
+  'lmp',
+  'edd',
+  'diagnosis',
+
+  // Delivery section
+  'nupi',
+  'age',
+  'phone_number',
+  'labour_duration',
+  'delivery_date',
+  'delivery_time',
+  'gestation_at_birth',
+  'mode_of_delivery',
+  'no_of_babies',
+  'placenta_complete',
+  'uterotonic_given',
+  'vaginal_examination',
+  'blood_loss',
+  'mother_status',
+
+  // Delivery complications / outcomes
+  'maternal_deaths_notified',
+  'delivery_complications',
+  'apgar_score',
+  'birth_outcome',
+  'birth_weight',
+  'sex',
+
+  // Baby care
+  'bf_in_1hr',
+  'teo_given',
+  'cord_chlorhexidine',
+  'birth_deformity',
+  'vitamin_k',
+  'pnc_status',
+
+  // HIV section
+  'hiv_test_1',
+  'hiv_test_2',
+  'hiv_test_3',
+  'hiv_result_maternity',
+  'start_at_maternity',
+
+  // Follow-up / referral
+  'kangaroo_mother_care',
+  'congenital_abnormalities',
+  'kit_name_1',
+  'kit_name_2',
+  'kit_name_3',
+  'hiv_initial_retest_status',
+  'maternal_treatment',
+  'referral_from',
+  'referral_to',
+  'reason_for_referral',
+];

package/src/reports/moh-711/sections/anc.component.tsx

@@ -2,12 +2,23 @@ import React from 'react';
 
 import styles from '../moh711.scss';
 import classNames from 'classnames';
+import { useNavigate } from 'react-router-dom';
 
 interface ANCComponentProps {
   moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
 }
 
-const ANCComponent: React.FC<ANCComponentProps> = ({ moh711Data }) => {
+const ANCComponent: React.FC<ANCComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-405-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}`,
+    );
+  };
   return (
     <>
       <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
@@ -22,108 +33,120 @@ const ANCComponent: React.FC<ANCComponentProps> = ({ moh711Data }) => {
             <td>1</td>
             <td rowSpan={2}>No. of ANC Clients</td>
             <td>New</td>
-            <td>{moh711Data.new_anc_clients}</td>
+            <td onClick={() => navigateToRegister('new_anc_clients')}>{moh711Data.new_anc_clients}</td>
           </tr>
           <tr>
             <td>2</td>
             <td>Re-visit</td>
-            <td>{moh711Data.revisit_anc_clients}</td>
+            <td onClick={() => navigateToRegister('revisit_anc_clients')}>{moh711Data.revisit_anc_clients}</td>
           </tr>
           <tr>
             <td>3</td>
             <td colSpan={2}>No. of Clients given IPT (1st Dose)</td>
-            <td>{moh711Data.first_ipt_dose}</td>
+            <td onClick={() => navigateToRegister('first_ipt_dose')}>{moh711Data.first_ipt_dose}</td>
           </tr>
           <tr>
             <td>4</td>
             <td colSpan={2}>No. of Clients given IPT (2nd Dose)</td>
-            <td>{moh711Data.second_ipt_dose}</td>
+            <td onClick={() => navigateToRegister('second_ipt_dose')}>{moh711Data.second_ipt_dose}</td>
           </tr>
           <tr>
             <td>5</td>
             <td colSpan={2}>No. of Clients given IPT (3rd Dose)</td>
-            <td>{moh711Data.third_ipt_dose}</td>
+            <td onClick={() => navigateToRegister('third_ipt_dose')}>{moh711Data.third_ipt_dose}</td>
           </tr>
           <tr>
             <td>6</td>
             <td colSpan={2}>No. of Clients with Hb&lt;11g/dl</td>
-            <td>{moh711Data.Hb_less_11g}</td>
+            <td onClick={() => navigateToRegister('Hb_less_11g')}>{moh711Data.Hb_less_11g}</td>
           </tr>
           <tr>
             <td>7</td>
             <td colSpan={2}>No. clients with 1st ANC contact at 12 or less weeks</td>
-            <td>{moh711Data.first_anc_contact_12_or_less_weeks}</td>
+            <td onClick={() => navigateToRegister('first_anc_contact_12_or_less_weeks')}>
+              {moh711Data.first_anc_contact_12_or_less_weeks}
+            </td>
           </tr>
           <tr>
             <td>8</td>
             <td colSpan={2}>Pregnant women completing 4th ANC Contacts</td>
-            <td>{moh711Data.completing_4_anc_visits}</td>
+            <td onClick={() => navigateToRegister('completing_4_anc_visits')}>{moh711Data.completing_4_anc_visits}</td>
           </tr>
           <tr>
             <td>9</td>
             <td colSpan={2}>No. of clients completed 8th ANC Contacts</td>
-            <td>{moh711Data.completing_8_anc_contact}</td>
+            <td onClick={() => navigateToRegister('completing_8_anc_contact')}>
+              {moh711Data.completing_8_anc_contact}
+            </td>
           </tr>
           <tr>
             <td>10</td>
             <td colSpan={2}>No. of LLINs distributed to under 1 year</td>
-            <td>{moh711Data.llins_children_less_than_one}</td>
+            <td onClick={() => navigateToRegister('llins_children_less_than_one')}>
+              {moh711Data.llins_children_less_than_one}
+            </td>
           </tr>
           <tr>
             <td>11</td>
             <td colSpan={2}>No. of LLINs distributed to ANC clients</td>
-            <td>{moh711Data.llins_anc_clients}</td>
+            <td onClick={() => navigateToRegister('llins_anc_clients')}>{moh711Data.llins_anc_clients}</td>
           </tr>
           <tr>
             <td>12</td>
             <td rowSpan={2}>No. of clients</td>
             <td>Tested for Syphilis</td>
-            <td>{moh711Data.anc_clients_tested_syphilis}</td>
+            <td onClick={() => navigateToRegister('anc_clients_tested_syphilis')}>
+              {moh711Data.anc_clients_tested_syphilis}
+            </td>
           </tr>
           <tr>
             <td>13</td>
             <td>Positive (+ve)</td>
-            <td>{moh711Data.syphilis_positive}</td>
+            <td>
+              {' '}
+              onClick={() => navigateToRegister('syphilis_positive')}
+              {moh711Data.syphilis_positive}
+            </td>
           </tr>
           <tr>
             <td>14</td>
             <td colSpan={2}>Total Women Done Breast Examination</td>
-            <td>{moh711Data.breast_exam}</td>
+            <td onClick={() => navigateToRegister('breast_exam')}>{moh711Data.breast_exam}</td>
           </tr>
           <tr>
             <td>15</td>
             <td colSpan={2}>No. of adolescents (10-14 years) presenting with pregnancy at 1st ANC contact</td>
-            <td>{moh711Data.adolesc_10_14}</td>
+            <td onClick={() => navigateToRegister('adolesc_10_14')}>{moh711Data.adolesc_10_14}</td>
           </tr>
           <tr>
             <td>16</td>
             <td colSpan={2}>No. of adolescents (15-19 years) presenting with pregnancy at 1st ANC contact</td>
-            <td>{moh711Data.adolesc_15_19}</td>
+            <td onClick={() => navigateToRegister('adolesc_15_19')}>{moh711Data.adolesc_15_19}</td>
           </tr>
           <tr>
             <td>17</td>
             <td colSpan={2}>No. of youth (20-24 years) presenting with pregnancy at 1st ANC contact</td>
-            <td>{moh711Data.youth_20_24}</td>
+            <td onClick={() => navigateToRegister('youth_20_24')}>{moh711Data.youth_20_24}</td>
           </tr>
           <tr>
             <td>18</td>
             <td colSpan={2}>No. of clients issued with Iron</td>
-            <td>{moh711Data.iron}</td>
+            <td onClick={() => navigateToRegister('iron')}>{moh711Data.iron}</td>
           </tr>
           <tr>
             <td>19</td>
             <td colSpan={2}>No. of clients issued with Folic</td>
-            <td>{moh711Data.folic}</td>
+            <td onClick={() => navigateToRegister('folic')}>{moh711Data.folic}</td>
           </tr>
           <tr>
             <td>20</td>
             <td colSpan={2}>No. of clients issued with Combined Ferrous Folate</td>
-            <td>{moh711Data.iron_and_folate}</td>
+            <td onClick={() => navigateToRegister('iron_and_folate')}>{moh711Data.iron_and_folate}</td>
           </tr>
           <tr>
             <td>21</td>
             <td colSpan={2}>No. of pregnant women presenting in ANC with complication associated with FGM</td>
-            <td>{moh711Data.fgm_complications}</td>
+            <td onClick={() => navigateToRegister('fgm_complications')}>{moh711Data.fgm_complications}</td>
           </tr>
         </tbody>
       </table>