(chore)Mapped MOH 731 header

AMPATH · Aug 1, 2024 · b353f39 · b353f39
1 parent b7ff8ec
commit b353f39
Showing 1 changed file with 51 additions and 44 deletions.
diff --git a/packages/esm-report-app/src/registers/MOH-731/MOH_731.tsx b/packages/esm-report-app/src/registers/MOH-731/MOH_731.tsx
@@ -8,51 +8,58 @@ import PartThree from './PartThree';
 const MOH731: React.FC<{ reportData: any }> = ({ reportData }) => {
   return (
     <>
-      <TableContainer className={styles['table']}>
-        <Table>
-          <TableHead>
-            <TableRow>
-              <TableHeader>
-                <h2 className={styles['center']}>National AIDS & STI Control Program- NASCOP</h2>
-                <h4 className={styles['center']}>Comprehensive HIV/AIDS reporting form</h4>
-                <p className={styles['right']}>(MOH 731-Ver. July 2023)</p>
-              </TableHeader>
-            </TableRow>
-            <TableRow>
-              <TableHeader className={styles['space']}>
-                County_______________Sub
-                County_________________Facility__________________MFL____________Month_________year_________
-              </TableHeader>
-            </TableRow>
-            <TableRow className={styles['height']}></TableRow>
-          </TableHead>
-        </Table>
-      </TableContainer>
+      {reportData &&
+        reportData.map((row, index) => (
+          <>
+            <TableContainer className={styles['table']}>
+              <Table>
+                <TableHead>
+                  <TableRow>
+                    <TableHeader>
+                      <h2 className={styles['center']}>National AIDS & STI Control Program- NASCOP</h2>
+                      <h4 className={styles['center']}>Comprehensive HIV/AIDS reporting form</h4>
+                      <p className={styles['right']}>(MOH 731-Ver. July 2023)</p>
+                    </TableHeader>
+                  </TableRow>
+                  <TableRow>
+                    <TableHeader className={styles['space']}>
+                      County______{row.county || null}_________Sub County_______{row.sub_county || null}
+                      __________Facility____
+                      {row.facility}
+                      ______________MFL___{row.mfl || null}_________Month_________year_________
+                    </TableHeader>
+                  </TableRow>
+                  <TableRow className={styles['height']}></TableRow>
+                </TableHead>
+              </Table>
+            </TableContainer>
 
-      <TableContainer className={styles['table-two']}>
-        <Table>
-          <TableBody>
-            <TableRow>
-              <TableHeader className={styles['border-one']} colSpan={12}>
-                <h5>HIV Testing Services & Pre exposure Prophylaxis</h5>
-              </TableHeader>
-            </TableRow>
-            <PartOne reportData={reportData} />
-            <TableRow>
-              <TableHeader className={styles['border-two']} colSpan={12}>
-                <h5>2. Elimination of Mother-to-Child Transmission (EMTCT)</h5>
-              </TableHeader>
-            </TableRow>
-            <PartTwo reportData={reportData} />
-            <TableRow>
-              <TableHeader className={styles['border-two']} colSpan={12}>
-                <h5>3. HIV and TB treatment</h5>
-              </TableHeader>
-            </TableRow>
-            <PartThree reportData={reportData} />
-          </TableBody>
-        </Table>
-      </TableContainer>
+            <TableContainer className={styles['table-two']}>
+              <Table>
+                <TableBody>
+                  <TableRow>
+                    <TableHeader className={styles['border-one']} colSpan={12}>
+                      <h5>HIV Testing Services & Pre exposure Prophylaxis</h5>
+                    </TableHeader>
+                  </TableRow>
+                  <PartOne reportData={reportData} />
+                  <TableRow>
+                    <TableHeader className={styles['border-two']} colSpan={12}>
+                      <h5>2. Elimination of Mother-to-Child Transmission (EMTCT)</h5>
+                    </TableHeader>
+                  </TableRow>
+                  <PartTwo reportData={reportData} />
+                  <TableRow>
+                    <TableHeader className={styles['border-two']} colSpan={12}>
+                      <h5>3. HIV and TB treatment</h5>
+                    </TableHeader>
+                  </TableRow>
+                  <PartThree reportData={reportData} />
+                </TableBody>
+              </Table>
+            </TableContainer>
+          </>
+        ))}
     </>
   );
 };