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

package/src/reports/moh-711/sections/family-planning.component.tsx

@@ -0,0 +1,221 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface FamilyPlanningComponentProps {
+  moh711Data: any;
+}
+
+const FamilyPlanningComponent: React.FC<FamilyPlanningComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>D. Family Planning (Number of clients issued with contraceptives)</th>
+            <th></th>
+            <th></th>
+          </tr>
+          <tr>
+            <th></th>
+            <th colSpan={2} className={styles.greyBackground}></th>
+            <th>NEW</th>
+            <th>RE-VISITS</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td colSpan={2}>No. of 1st Ever Users of Contraceptive</td>
+            <td>{moh711Data.first_users_contraceptive_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.first_users_contraceptive_revisit}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td rowSpan={3}>Pills</td>
+            <td>Progestine only pills</td>
+            <td>{moh711Data.pills_progestine_new}</td>
+            <td>{moh711Data.pills_progestine_revisit}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>Pills Combined oral contraceptive</td>
+            <td>{moh711Data.pills_combined_oral_contraceptive_new}</td>
+            <td>{moh711Data.pills_combined_oral_contraceptive_revisit}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>Emergency contraceptive pill</td>
+            <td>{moh711Data.emergency_contraceptive_pill_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.emergency_contraceptive_pill_revisit}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td rowSpan={2}>Injectables</td>
+            <td>FP Injections DMPA- IM</td>
+            <td>{moh711Data.fp_injections_dmpa_im}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>FP Injections DMPA- SC</td>
+            <td>{moh711Data.fp_injections_dmpa_sc}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td rowSpan={3}>Condoms</td>
+            <td>No. of clients received (Male condoms)</td>
+            <td>{moh711Data.male_condoms_new}</td>
+            <td>{moh711Data.male_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>No. of clients received (Female condoms)</td>
+            <td>{moh711Data.female_condoms_new}</td>
+            <td>{moh711Data.female_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>No. of clients received (Both Male and Female condoms)</td>
+            <td>{moh711Data.male_and_female_condoms_new}</td>
+            <td>{moh711Data.male_and_female_condoms_revisit}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td rowSpan={2}>Natural FP</td>
+            <td>No. of clients counselled Natural FP</td>
+            <td>{moh711Data.counselled_for_natural_family_planning_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.counselled_for_natural_family_planning_revisit}</td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td>No. of clients given cycle beads</td>
+            <td>{moh711Data.cycle_beads_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.cycle_beads_revisit}</td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={2}>Long acting and permanent methods</th>
+            <th>1st time insertion</th>
+            <th>Re-insertion</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>12</td>
+            <td rowSpan={2}>Implants</td>
+            <td>1 Rod</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td>2 Rods</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td rowSpan={2}>I.U.C.D insertion</td>
+            <td>Hormonal</td>
+            <td>{moh711Data.iucd_hormonal}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td>Non Hormonal</td>
+            <td>{moh711Data.iucd_non_hormonal}</td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td rowSpan={2}>Voluntary surgical contraception</td>
+            <td>BTL</td>
+            <td>{moh711Data.surgical_contraception_btl}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td>Vasectomy</td>
+            <td>{moh711Data.vasectomy} </td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <th colSpan={3}></th>
+            <th>New</th>
+            <th>Revisit</th>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td rowSpan={2}>Removals</td>
+            <td>I.U.C.D</td>
+            <td>{moh711Data.iucd_removals}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td>Implants</td>
+            <td>{moh711Data.implants_removal}</td>
+            <td className={styles.greyBackground}></td>
+          </tr>
+          <tr>
+            <td>20</td>
+            <td rowSpan={4}>
+              Number of clients <br /> receiving All FP <br /> services (Issued with <br /> commodities plus <br />
+              other FP services)
+            </td>
+            <td>Adolescent clients (10-14 yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_10_14_new}</td>
+            <td>{moh711Data.fp_adolescent_10_14_revisit}</td>
+          </tr>
+          <tr>
+            <td>21</td>
+            <td>Adolescent clients (15-19 Yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_15_19_new}</td>
+            <td>{moh711Data.fp_adolescent_15_19_revisit}</td>
+          </tr>
+          <tr>
+            <td>22</td>
+            <td>Adolescent clients (20-24 Yrs) Receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_20_24_new}</td>
+            <td>{moh711Data.fp_adolescent_20_24_revisit}</td>
+          </tr>
+          <tr>
+            <td>23</td>
+            <td>Adults 25+ receiving FP Services</td>
+            <td>{moh711Data.fp_adolescent_25_plus_new}</td>
+            <td>{moh711Data.fp_adolescent_25_plus_revisit}</td>
+          </tr>
+          <tr>
+            <td>24</td>
+            <td rowSpan={2}>No. of clients receiving immediate post partum FP Method</td>
+            <td>within 48 Hours</td>
+            <td>{moh711Data.post_partum_fp_48_hours_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_partum_fp_48_hours_revisit}</td>
+          </tr>
+          <tr>
+            <td>25</td>
+            <td>3 days to 6 weeks</td>
+            <td>{moh711Data.post_partum_fp_4_6_weeks_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_partum_fp_4_6_weeks_revisit}</td>
+          </tr>
+          <tr>
+            <td>26</td>
+            <td colSpan={2}>No. of clients receiving post abortion FP Method</td>
+            <td>{moh711Data.post_abortion_fp_new}</td>
+            <td className={styles.greyBackground}>{moh711Data.post_abortion_fp_revisit}</td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default FamilyPlanningComponent;

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

@@ -0,0 +1,115 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+
+interface GBVComponentProps {
+  moh711Data: any;
+}
+
+const GBVComponent: React.FC<GBVComponentProps> = ({ moh711Data }) => {
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th></th>
+            <th colSpan={5}>C. Sexual and Gender Based Violence (SGBV)</th>
+          </tr>
+          <tr>
+            <th></th>
+            <th className={styles.greyBackground}></th>
+            <th>0-9 yrs</th>
+            <th>10-17 yrs</th>
+            <th>18-49 Yrs</th>
+            <th>50+yrs</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td>Total SGBV Total Survivors Seen (Rape, attempted rape, defilement and asault)</td>
+            <td>{moh711Data.sgbv_total_survivors_0_9}</td>
+            <td>{moh711Data.sgbv_total_survivors_10_17}</td>
+            <td>{moh711Data.sgbv_total_survivors_18_49}</td>
+            <td>{moh711Data.sgbv_total_survivors_50_plus}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td>No. of SGBV survivors presenting within 72 hours</td>
+            <td>{moh711Data.sgbv_within_72_hours_0_9}</td>
+            <td>{moh711Data.sgbv_within_72_hours_10_17}</td>
+            <td>{moh711Data.sgbv_within_72_hours_18_49}</td>
+            <td>{moh711Data.sgbv_within_72_hours_50_above}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>No. of eligible Survivors Initiated on PEP</td>
+            <td>{moh711Data.sgbv_initiated_on_pep_0_9}</td>
+            <td>{moh711Data.sgbv_initiated_on_pep_10_17}</td>
+            <td>{moh711Data.sgbv_initiated_on_pep_18_49}</td>
+            <td>{moh711Data.sgbv_initiated_on_pep_50_above}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td>No. of eligible survivors Completed PEP</td>
+            <td>{moh711Data.sgbv_completed_pep_0_9}</td>
+            <td>{moh711Data.sgbv_completed_pep_10_17}</td>
+            <td>{moh711Data.sgbv_completed_pep_18_49}</td>
+            <td>{moh711Data.sgbv_completed_pep_50_above}</td>
+          </tr>
+          <tr>
+            <td>5</td>
+            <td>No. of SGBV survivors seroconverting 3 months after exposure</td>
+            <td>{moh711Data.sgbv_seroconverting_0_9}</td>
+            <td>{moh711Data.sgbv_seroconverting_10_17}</td>
+            <td>{moh711Data.sgbv_seroconverting_18_49}</td>
+            <td>{moh711Data.sgbv_seroconverting_50_above}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td>No. of SGBV survivors eligible for ECP</td>
+            <td>{moh711Data.sgbv_eligible_for_ecp_0_9}</td>
+            <td>{moh711Data.sgbv_eligible_for_ecp_10_17}</td>
+            <td>{moh711Data.sgbv_eligible_for_ecp_18_49}</td>
+            <td>{moh711Data.sgbv_eligible_for_ecp_50_above}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td>No. of SGBV survivors who received ECP</td>
+            <td>{moh711Data.sgbv_receiving_ecp_0_9}</td>
+            <td>{moh711Data.sgbv_receiving_ecp_10_17}</td>
+            <td>{moh711Data.sgbv_receiving_ecp_18_49}</td>
+            <td>{moh711Data.sgbv_receiving_ecp_50_above}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td>No. of rape/defilement Survivors Pregnant after 4 weeks</td>
+            <td>{moh711Data.sgbv_pregnant_0_9}</td>
+            <td>{moh711Data.sgbv_pregnant_10_17}</td>
+            <td>{moh711Data.sgbv_pregnant_18_49}</td>
+            <td>{moh711Data.sgbv_pregnant_50_above}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td>No. of RC/IPV clients seen</td>
+            <td>{moh711Data.sgbv_rc_seen_0_9}</td>
+            <td>{moh711Data.sgbv_rc_seen_10_17}</td>
+            <td>{moh711Data.sgbv_rc_seen_18_49}</td>
+            <td>{moh711Data.sgbv_rc_seen_50_above}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td>No. of survivors with disability</td>
+            <td>{moh711Data.sgbv_with_disability_0_9}</td>
+            <td>{moh711Data.sgbv_with_disability_10_17}</td>
+            <td>{moh711Data.sgbv_with_disability_18_49}</td>
+            <td>{moh711Data.sgbv_with_disability_50_above}</td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default GBVComponent;

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

@@ -0,0 +1,326 @@
+import React from 'react';
+
+import styles from '../moh711.scss';
+import classNames from 'classnames';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+interface MaternityComponentProps {
+  moh711Data: any;
+  startDate: string;
+  endDate: string;
+  locationUuids: string;
+}
+
+const MaternityComponent: React.FC<MaternityComponentProps> = ({ moh711Data, startDate, endDate, locationUuids }) => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const navigateToRegister = (indicator: string) => {
+    navigate(
+      `/moh-333-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}`,
+      {
+        state: {
+          from: location.pathname,
+          reportName: 'moh711Report',
+        },
+      },
+    );
+  };
+
+  return (
+    <>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={3}>B. Maternity and NewBorn</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>1</td>
+            <td colSpan={2}>Normal Deliveries</td>
+            <td onClick={() => navigateToRegister('normal_deliveries')}>{moh711Data.normal_deliveries}</td>
+          </tr>
+          <tr>
+            <td>2</td>
+            <td colSpan={2}>Caesarean Sections</td>
+            <td onClick={() => navigateToRegister('caesarian_sections')}>{moh711Data.caesarian_sections}</td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td colSpan={2}>Breach Delivery</td>
+            <td onClick={() => navigateToRegister('breach_delivery')}>{moh711Data.breach_delivery}</td>
+          </tr>
+          <tr>
+            <td>4</td>
+            <td colSpan={2}>Assisted Vaginal Deliveries(Vacuum Extraction)</td>
+            <td onClick={() => navigateToRegister('assisted_vaginal_delivery')}>
+              {moh711Data.assisted_vaginal_delivery}
+            </td>
+          </tr>
+          <tr>
+            <td></td>
+            <td colSpan={2}></td>
+            <td></td>
+          </tr>
+          <tr>
+            <th colSpan={3}>Total Deliveries</th>
+            <th>
+              {(moh711Data?.normal_deliveries ?? 0) +
+                (moh711Data?.caesarian_sections ?? 0) +
+                (moh711Data?.breach_delivery ?? 0) +
+                (moh711Data?.assisted_vaginal_delivery ?? 0)}
+            </th>
+          </tr>
+          <tr>
+            <td rowSpan={2}>5</td>
+            <td rowSpan={2}>No. of mothers given uterotonics within 1 minute</td>
+            <td>Oxytocin</td>
+            <td onClick={() => navigateToRegister('oxytocin_uterotonic')}>{moh711Data.oxytocin_uterotonic}</td>
+          </tr>
+          <tr>
+            <td>Carbatosin</td>
+            <td onClick={() => navigateToRegister('carbatocin_uterotonic')}>{moh711Data.carbatocin_uterotonic}</td>
+          </tr>
+          <tr>
+            <td>6</td>
+            <td colSpan={2}>Live Births</td>
+            <td onClick={() => navigateToRegister('live_birth')}>{moh711Data.live_birth}</td>
+          </tr>
+          <tr>
+            <td>7</td>
+            <td colSpan={2}>No. of Low Birth Weight Babies (below 2500gms)</td>
+            <td onClick={() => navigateToRegister('low_birth_weight')}>{moh711Data.low_birth_weight}</td>
+          </tr>
+          <tr>
+            <td>8</td>
+            <td colSpan={2}>
+              No. of Low APGAR Score(<strong>&le; 6 at 5 Min</strong>)
+            </td>
+            <td onClick={() => navigateToRegister('low_apgar_score')}>{moh711Data.low_apgar_score}</td>
+          </tr>
+          <tr>
+            <td>9</td>
+            <td colSpan={2}>No. of Birth with diformities</td>
+            <td onClick={() => navigateToRegister('birth_with_deformity')}>{moh711Data.birth_with_deformity}</td>
+          </tr>
+          <tr>
+            <td>10</td>
+            <td colSpan={2}>No. of Babies applied chlorhexidine for cord care</td>
+            <td onClick={() => navigateToRegister('chlorhexidine_applied')}>{moh711Data.chlorhexidine_applied}</td>
+          </tr>
+          <tr>
+            <td>11</td>
+            <td colSpan={2}>No. of Neonates given Vit "K"</td>
+            <td onClick={() => navigateToRegister('vitamin_k')}>{moh711Data.vitamin_k}</td>
+          </tr>
+          <tr>
+            <td>12</td>
+            <td colSpan={2}>No. of Babies given tetracycline at birth</td>
+            <td onClick={() => navigateToRegister('tetracycline_given')}>{moh711Data.tetracycline_given}</td>
+          </tr>
+          <tr>
+            <td>13</td>
+            <td colSpan={2}>Pre-Term babies</td>
+            <td onClick={() => navigateToRegister('pre_term_babies')}>{moh711Data.pre_term_babies}</td>
+          </tr>
+          <tr>
+            <td>14</td>
+            <td colSpan={2}>No. of Babies discharge Alive</td>
+            <td onClick={() => navigateToRegister('discharge_alive')}>{moh711Data.discharge_alive}</td>
+          </tr>
+          <tr>
+            <td>15</td>
+            <td colSpan={2}>No. of Infants initiated on breast feeding within 1 hour after birth</td>
+            <td onClick={() => navigateToRegister('bf_within_1_hour')}>{moh711Data.bf_within_1_hour}</td>
+          </tr>
+          <tr>
+            <td>16</td>
+            <td colSpan={2}>Total Deliveries from HIV +ve Women</td>
+            <td onClick={() => navigateToRegister('deliveries_from_positive_women')}>
+              {moh711Data.deliveries_from_positive_women}
+            </td>
+          </tr>
+          <tr>
+            <td>17</td>
+            <td rowSpan={3}>Perinatal Deaths</td>
+            <td>Fresh Still Birth</td>
+            <td onClick={() => navigateToRegister('fresh_still_birth')}>{moh711Data.fresh_still_birth}</td>
+          </tr>
+          <tr>
+            <td>18</td>
+            <td>Macerated still Birth</td>
+            <td onClick={() => navigateToRegister('macerated_still_birth')}>{moh711Data.macerated_still_birth}</td>
+          </tr>
+          <tr>
+            <td>19</td>
+            <td>Deaths 0-7 days</td>
+            <td onClick={() => navigateToRegister('perinatal_deaths_0_7_days')}>
+              {moh711Data.perinatal_deaths_0_7_days}
+            </td>
+          </tr>
+          <tr>
+            <td>20</td>
+            <td colSpan={2}>Neonatal deaths 0-28 Days</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_0_28_days')}>
+              {moh711Data.neonatal_deaths_0_28_days}
+            </td>
+          </tr>
+          <tr>
+            <td>21</td>
+            <td colSpan={2}>Maternal deaths 10-14 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_10_14_years')}>
+              {moh711Data.maternal_deaths_10_14_years}
+            </td>
+          </tr>
+          <tr>
+            <td>22</td>
+            <td colSpan={2}>Maternal deaths 15-19 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_15_19_years')}>
+              {moh711Data.maternal_deaths_15_19_years}
+            </td>
+          </tr>
+          <tr>
+            <td>23</td>
+            <td colSpan={2}>Maternal deaths 20-24 Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_20_24_years')}>
+              {moh711Data.maternal_deaths_20_24_years}
+            </td>
+          </tr>
+          <tr>
+            <td>24</td>
+            <td colSpan={2}>Maternal deaths 25+ Years</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_25_above_years')}>
+              {moh711Data.maternal_deaths_25_above_years}
+            </td>
+          </tr>
+          <tr>
+            <td>25</td>
+            <td colSpan={2}>Maternal Deaths Audited Within 7 Days</td>
+            <td onClick={() => navigateToRegister('maternal_deaths_audited_within_7_days')}>
+              {moh711Data.maternal_deaths_audited_within_7_days}
+            </td>
+          </tr>
+          <tr>
+            <td>26</td>
+            <td colSpan={2}>No. of Neonatal deaths audited within 7 days</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_audited_within_7_days')}>
+              {moh711Data.neonatal_deaths_audited_within_7_days}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>Maternal complications</th>
+            <th>Alive</th>
+            <th>Dead</th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>27</td>
+            <td>A.P.H (Ante partum Haemorrage)</td>
+            <td onClick={() => navigateToRegister('ante_partum_haemorrage')}>{moh711Data.ante_partum_haemorrage}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>28</td>
+            <td>P.P.H (Post Partum Haemorrage)</td>
+            <td onClick={() => navigateToRegister('post_partum_haemorrage')}>{moh711Data.post_partum_haemorrage}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>29</td>
+            <td>Eclampsia</td>
+            <td onClick={() => navigateToRegister('eclampsia')}>{moh711Data.eclampsia}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>30</td>
+            <td>Ruptured Uterus</td>
+            <td onClick={() => navigateToRegister('ruptured_uterus')}>{moh711Data.ruptured_uterus}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>31</td>
+            <td>Obstructed Labour</td>
+            <td onClick={() => navigateToRegister('obstructed_labour')}>{moh711Data.obstructed_labour}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>32</td>
+            <td>Sepsis</td>
+            <td onClick={() => navigateToRegister('sepsis')}>{moh711Data.sepsis}</td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr>
+            <td>33</td>
+            <td>
+              Number of Mothers with delivery complications associated
+              <br /> with FGM
+            </td>
+            <td onClick={() => navigateToRegister('fgm_delivery_complications')}>
+              {moh711Data.fgm_delivery_complications}
+            </td>
+            <td></td>
+            <td></td>
+          </tr>
+        </tbody>
+      </table>
+      <table className={classNames(`${styles.table}`, `${styles.tableBordered}`, `${styles.tableStriped}`)}>
+        <thead>
+          <tr>
+            <th colSpan={2}>Neonate Care and Outcome</th>
+            <th></th>
+            <th>Total</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>34</td>
+            <td rowSpan={3}>Causes of neonatal deaths</td>
+            <td>No. of neonatal deaths due to Sepsis</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_sepsis')}>{moh711Data.neonatal_deaths_sepsis}</td>
+          </tr>
+          <tr>
+            <td>35</td>
+            <td>No. of neonatal deaths due to Prematurity</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_prematurity')}>
+              {moh711Data.neonatal_deaths_prematurity}
+            </td>
+          </tr>
+          <tr>
+            <td>36</td>
+            <td>No. of neonatal deaths due to Asphyxia</td>
+            <td onClick={() => navigateToRegister('neonatal_deaths_asphyxia')}>
+              {moh711Data.neonatal_deaths_asphyxia}
+            </td>
+          </tr>
+          <tr>
+            <td>37</td>
+            <td colSpan={2}>No. of Neonates initiated on Kangaroo Mother Care</td>
+            <td onClick={() => navigateToRegister('kangaroo_mother_care')}>{moh711Data.kangaroo_mother_care}</td>
+          </tr>
+          <tr>
+            <td>38</td>
+            <td colSpan={2}>Maternal Referrals From Community Unit</td>
+            <td onClick={() => navigateToRegister('referrals_from_community')}>
+              {moh711Data.referrals_from_community}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </>
+  );
+};
+
+export default MaternityComponent;