@ampath/esm-reports-app 1.0.0-next.55 → 1.0.0-next.57

package/src/reports/moh-731/sections/hiv-testing-and-pre-exposure.component.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import styles from '../moh-731.scss';
 import classNames from 'classnames';
-import { useNavigate } from 'react-router-dom';
+import { useOpenMoh731Linelist } from '../linelist/use-open-moh-731-linelist';
 
 interface HivTestingandPreExposusreProphylaxisProps {
   MOH731Data: any;
@@ -17,19 +17,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
   endDate,
   locationUuids,
 }) => {
-  const navigate = useNavigate();
-
-  const navigateToRegister = (indicator: string, gender: string, label: string) => {
-    navigate(
-      `/moh-366-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&gender=${gender}&label=${encodeURIComponent(label)}&from=moh-731`,
-    );
-  };
-
-  const navigateToPrepRegister = (indicator: string, gender: string, label: string) => {
-    navigate(
-      `/prep-register?startDate=${startDate}&endDate=${endDate}&locationUuids=${locationUuids}&indicator=${indicator}&gender=${gender}&label=${encodeURIComponent(label)}&from=moh-731`,
-    );
-  };
+  const openLinelist = useOpenMoh731Linelist(startDate, endDate, locationUuids);
   return (
     <div className={styles.flexRow}>
       <div className={styles.flexColumn}>
@@ -52,7 +40,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-01</span>
                 <div
-                  onClick={() => navigateToRegister('hiv_male', 'M', 'Tests')}
+                  onClick={() => openLinelist('HV01-01')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -63,7 +51,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(styles.textBox, styles.textBox2)}>
                   <span>HV01-02</span>
                   <div
-                    onClick={() => navigateToRegister('hiv_female', 'F', 'Tests')}
+                    onClick={() => openLinelist('HV01-02')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -77,7 +65,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-03</span>
                 <div
-                  onClick={() => navigateToRegister('hiv_setting_facility', '', 'Tests_Facility')}
+                  onClick={() => openLinelist('HV01-03')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -90,7 +78,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-04</span>
                 <div
-                  onClick={() => navigateToRegister('hiv_setting_community', '', 'Tests_Community')}
+                  onClick={() => openLinelist('HV01-04')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -103,7 +91,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-05</span>
                 <div
-                  onClick={() => navigateToRegister('hiv_setting_kvp', '', 'Tested KVP')}
+                  onClick={() => openLinelist('HV01-05')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -131,7 +119,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-19</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_male_general_pop', 'M', 'General popn')}
+                  onClick={() => openLinelist('HV01-19')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -142,7 +130,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-20</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_female_general_pop', 'F', 'General popn')}
+                    onClick={() => openLinelist('HV01-20')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -156,7 +144,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-21</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_msm', 'M', 'MSM/MSW')}
+                  onClick={() => openLinelist('HV01-21')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -172,7 +160,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-22</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_fsw', 'F', 'FSW')}
+                    onClick={() => openLinelist('HV01-22')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -186,7 +174,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-23</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_pwud_male', 'M', 'PWID/PWUD')}
+                  onClick={() => openLinelist('HV01-23')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -197,7 +185,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-24</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_pwud_female', 'F', 'PWID/PWUD')}
+                    onClick={() => openLinelist('HV01-24')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -211,7 +199,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-25</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_discordant_male', 'M', 'Discordant Couple')}
+                  onClick={() => openLinelist('HV01-25')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -222,7 +210,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-26</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_discordant_female', 'F', 'Discordant Couple')}
+                    onClick={() => openLinelist('HV01-26')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -236,7 +224,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-27</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_vulnerable_male', 'M', 'Vulnerable Pop.')}
+                  onClick={() => openLinelist('HV01-27')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -247,7 +235,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-28</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_vulnerable_female', 'F', 'Vulnerable Pop.')}
+                    onClick={() => openLinelist('HV01-28')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -261,22 +249,22 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-29</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_new_ayp', 'F', 'AYP (10-24yrs)')}
+                  onClick={() => openLinelist('HV01-29')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
-                  {MOH731Data.prep_new_ayp}
+                  {MOH731Data.prep_new_ayp_male}
                 </div>
               </td>
               <td>
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-30</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_new_ayp', 'F', 'AYP (10-24yrs)')}
+                    onClick={() => openLinelist('HV01-30')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
-                    {MOH731Data.prep_new_ayp}
+                    {MOH731Data.prep_new_ayp_female}
                   </div>
                 </div>
               </td>
@@ -288,9 +276,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-31</span>
                   <div
-                    onClick={() =>
-                      navigateToPrepRegister('prep_new_preg_breastfeeding', 'F', 'Pregnant and breastfeeding women')
-                    }
+                    onClick={() => openLinelist('HV01-31')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -319,7 +305,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-45</span>
                 <div
-                  onClick={() => navigateToPrepRegister('seroconverted_male', 'M', 'HIV Positive')}
+                  onClick={() => openLinelist('HV01-45')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -330,7 +316,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-46</span>
                   <div
-                    onClick={() => navigateToPrepRegister('seroconverted_female', 'F', 'HIV Positive')}
+                    onClick={() => openLinelist('HV01-46')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -361,7 +347,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-06</span>
                 <div
-                  onClick={() => navigateToRegister('male_2_9', 'M', 'Positive_2-9')}
+                  onClick={() => openLinelist('HV01-06')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -372,7 +358,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-07</span>
                   <div
-                    onClick={() => navigateToRegister('female_2_9', 'F', 'Positive_2-9')}
+                    onClick={() => openLinelist('HV01-07')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -386,7 +372,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-08</span>
                 <div
-                  onClick={() => navigateToRegister('male_10_14', 'M', 'Positive_10-14')}
+                  onClick={() => openLinelist('HV01-08')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -397,7 +383,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-09</span>
                   <div
-                    onClick={() => navigateToRegister('female_10_14', 'F', 'Positive_10-14')}
+                    onClick={() => openLinelist('HV01-09')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -411,7 +397,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-10</span>
                 <div
-                  onClick={() => navigateToRegister('male_15_19', 'M', 'Positive_15-19')}
+                  onClick={() => openLinelist('HV01-10')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -422,7 +408,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-11</span>
                   <div
-                    onClick={() => navigateToRegister('female_15_19', 'F', 'Positive_15-19')}
+                    onClick={() => openLinelist('HV01-11')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -436,7 +422,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-12</span>
                 <div
-                  onClick={() => navigateToRegister('male_20_24', 'M', 'Positive_20-24')}
+                  onClick={() => openLinelist('HV01-12')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -447,7 +433,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-13</span>
                   <div
-                    onClick={() => navigateToRegister('female_20_24', 'F', 'Positive_20-24')}
+                    onClick={() => openLinelist('HV01-13')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -461,7 +447,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-14</span>
                 <div
-                  onClick={() => navigateToRegister('male_25_above', 'M', 'Positive_25+')}
+                  onClick={() => openLinelist('HV01-14')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -472,7 +458,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-15</span>
                   <div
-                    onClick={() => navigateToRegister('female_25_above', 'F', 'Positive_25+')}
+                    onClick={() => openLinelist('HV01-15')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -485,19 +471,37 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td>Positive_KVP</td>
               <td className={styles.textBox}>
                 <span>HV01-16</span>
-                <div className={styles.rectangle}></div>
+                <div
+                  onClick={() => openLinelist('HV01-16')}
+                  className={styles.rectangle}
+                  title="Click to open linelist"
+                >
+                  {MOH731Data.positive_kvp}
+                </div>
               </td>
             </tr>
             <tr>
               <td>Discordant</td>
               <td className={styles.textBox}>
                 <span>HV01-17</span>
-                <div className={styles.rectangle}></div>
+                <div
+                  onClick={() => openLinelist('HV01-17')}
+                  className={styles.rectangle}
+                  title="Click to open linelist"
+                >
+                  {MOH731Data.discordant_male}
+                </div>
               </td>
               <td>
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-18</span>
-                  <div className={styles.rectangle}></div>
+                  <div
+                    onClick={() => openLinelist('HV01-18')}
+                    className={styles.rectangle}
+                    title="Click to open linelist"
+                  >
+                    {MOH731Data.discordant_female}
+                  </div>
                 </div>
               </td>
             </tr>
@@ -505,12 +509,24 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td>Inconclusive Test Results</td>
               <td className={styles.textBox}>
                 <span>HV01-47</span>
-                <div className={styles.rectangle}></div>
+                <div
+                  onClick={() => openLinelist('HV01-47')}
+                  className={styles.rectangle}
+                  title="Click to open linelist"
+                >
+                  {MOH731Data.inconclusive_male}
+                </div>
               </td>
               <td>
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-48</span>
-                  <div className={styles.rectangle}></div>
+                  <div
+                    onClick={() => openLinelist('HV01-48')}
+                    className={styles.rectangle}
+                    title="Click to open linelist"
+                  >
+                    {MOH731Data.inconclusive_female}
+                  </div>
                 </div>
               </td>
             </tr>
@@ -534,7 +550,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-32</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_male_general_pop', 'M', 'General popn')}
+                  onClick={() => openLinelist('HV01-32')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -545,7 +561,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-33</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_female_general_pop', 'F', 'General popn')}
+                    onClick={() => openLinelist('HV01-33')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -559,7 +575,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-34</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_msm', 'M', 'MSM/MSW')}
+                  onClick={() => openLinelist('HV01-34')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -575,7 +591,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-35</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_fsw', 'F', 'FSW')}
+                    onClick={() => openLinelist('HV01-35')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -589,7 +605,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-36</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_pwud_male', 'M', 'PWID/PWUD')}
+                  onClick={() => openLinelist('HV01-36')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -600,7 +616,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-37</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_pwud_female', 'F', 'PWID/PWUD')}
+                    onClick={() => openLinelist('HV01-37')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -614,7 +630,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-38</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_discordant_male', 'M', 'Discordant Couple')}
+                  onClick={() => openLinelist('HV01-38')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -625,7 +641,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-39</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_discordant_female', 'F', 'Discordant Couple')}
+                    onClick={() => openLinelist('HV01-39')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -639,7 +655,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-40</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_vulnerable_male', 'M', 'Vulnerable Pop.')}
+                  onClick={() => openLinelist('HV01-40')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
@@ -650,7 +666,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-41</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_vulnerable_female', 'F', 'Vulnerable Pop.')}
+                    onClick={() => openLinelist('HV01-41')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
@@ -664,22 +680,22 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
               <td className={styles.textBox}>
                 <span>HV01-42</span>
                 <div
-                  onClick={() => navigateToPrepRegister('prep_sti_ayp', 'F', 'AYP(10-24 yrs)')}
+                  onClick={() => openLinelist('HV01-42')}
                   className={styles.rectangle}
                   title="Click to open linelist"
                 >
-                  {MOH731Data.prep_sti_ayp}
+                  {MOH731Data.prep_sti_ayp_male}
                 </div>
               </td>
               <td>
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-43</span>
                   <div
-                    onClick={() => navigateToPrepRegister('prep_sti_ayp', 'F', 'AYP(10-24 yrs)')}
+                    onClick={() => openLinelist('HV01-43')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >
-                    {MOH731Data.prep_sti_ayp}
+                    {MOH731Data.prep_sti_ayp_female}
                   </div>
                 </div>
               </td>
@@ -691,9 +707,7 @@ const HivTestingandPreExposusreProphylaxis: React.FC<HivTestingandPreExposusrePr
                 <div className={classNames(`${styles.textBox}`, `${styles.textBox2}`)}>
                   <span>HV01-44</span>
                   <div
-                    onClick={() =>
-                      navigateToPrepRegister('prep_sti_preg_breastfeeding', 'F', 'Pregnant and breastfeeding women')
-                    }
+                    onClick={() => openLinelist('HV01-44')}
                     className={styles.rectangle}
                     title="Click to open linelist"
                   >