From 658affe90a2f017fdc9d5dd46c3cebf7f1899245 Mon Sep 17 00:00:00 2001
From: jabahum <jabajnan8@gmail.com>
Date: Sat, 18 Nov 2023 14:10:19 +0300
Subject: [PATCH] ft : get checked tests

---
 .../dialog/review-item.component.tsx          | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/review-list/dialog/review-item.component.tsx b/src/review-list/dialog/review-item.component.tsx
index 63c43d4b..3687e29d 100644
--- a/src/review-list/dialog/review-item.component.tsx
+++ b/src/review-list/dialog/review-item.component.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import React, { useMemo, useState } from "react";
 import {
   Button,
   Form,
@@ -10,7 +10,6 @@ import {
 } from "@carbon/react";
 import { useTranslation } from "react-i18next";
 import { useGetEncounterById } from "../../patient-chart/laboratory-item/view-laboratory-item.resource";
-import { ErrorState } from "@openmrs/esm-patient-common-lib";
 import styles from "../review-list.scss";
 import { GroupMember } from "../../patient-chart/laboratory-order.resource";
 
@@ -44,6 +43,17 @@ const ReviewItem: React.FC<ReviewItemDialogProps> = ({
     return groupedResults;
   }, [testsOrder]);
 
+  const [checkedItems, setCheckedItems] = useState({});
+
+  const handleCheckboxChange = (test, groupMembers) => {
+    setCheckedItems((prevCheckedItems) => ({
+      ...prevCheckedItems,
+      [test]: {
+        groupMembers,
+      },
+    }));
+  };
+
   const RowTest: React.FC<ResultsRowProps> = ({ groupMembers }) => {
     return (
       <>
@@ -99,17 +109,24 @@ const ReviewItem: React.FC<ReviewItemDialogProps> = ({
           <section className={styles.section}>
             <table>
               <tbody>
-                {Object.keys(filteredGroupedResults).map((test) => (
+                {Object.keys(filteredGroupedResults).map((test, index) => (
                   <tr key={test} style={{ margin: "10px" }}>
                     <Checkbox
+                      key={index}
                       style={{
                         margin: "10px",
                         fontSize: "15px",
                         fontWeight: "bold",
                       }}
-                      onChange={() => {}}
+                      onChange={() =>
+                        handleCheckboxChange(
+                          test,
+                          filteredGroupedResults[test].groupMembers
+                        )
+                      }
                       labelText={test}
                       id={`test-${test}`}
+                      checked={checkedItems[test] || false}
                     />
 
                     <table style={{ margin: "10px" }}>