Update Bulk request claim

frontend/hospital-portal/src/sections/claim/TableList.tsx

@@ -118,6 +118,58 @@ export default function TableList() {
 
   /* -------------------------------------------------------------------------- */
 
+  // ----------------------------------------- handle selected ---------------------
+  const [selectAll, setSelectAll] = useState(false);
+  const [selectedRows, setSelectedRows] = useState([]);
+  const [dataTableData, setDataTableData] = useState<any>();
+  const handleSelectAll = () => {
+    setSelectAll(!selectAll);
+    if (!selectAll) {
+      const requestedIds = dataTableData?.data
+        .filter((row: { status: string, check_claim:any }) => row.status === 'approved' && !row.check_claim)
+        .map((row: { id: any }) => row.id);
+      setSelectedRows(requestedIds);
+    } else {
+      setSelectedRows([]);
+    }
+  };
+
+  const handleCheckboxChange = (id: any) => {
+    setSelectedRows(prevSelectedRows => {
+      const isSelected = prevSelectedRows.includes(id);
+      if (isSelected) {
+        return prevSelectedRows.filter(rowId => rowId !== id);
+      } else {
+        return [...prevSelectedRows, id];
+      }
+    });
+  };
+
+  const [openDialogSubmit, setOpenDialogSubmit] = useState(false);
+  const handleCloseDialogSubmit = () => {
+      setOpenDialogSubmit(false);
+  }
+  const [valDialog, setValDialog] = useState('');
+  const [reasonDecline, setReasonDecline] = useState('');
+  const handleReasonDeclineChange = (event: { target: { value: SetStateAction<string>; }; }) => {
+    setReasonDecline(event.target.value);
+};
+
+  const selected = {
+    useSelected: false,
+    selectAll: selectAll,
+    handleSelectAll: handleSelectAll,
+    selectedRows: selectedRows,
+    handleCheckboxChange : handleCheckboxChange,
+    totRows: 9,
+    useDecline: false,
+    txtDecline: 'Decline',
+    useApprove:true,
+    txtApprove: 'Submit Claim',
+    setOpenDialogSubmit: setOpenDialogSubmit,
+    setValDialog: setValDialog
+  };
+
   /* ------------------------------ handle search ----------------------------- */
   const [searchText, setSearchText] = useState('');
 
@@ -280,6 +332,7 @@ export default function TableList() {
       const response = await axios.get(`/get-claim-requests`, {
         params: { ...parameters, type: 'final-log' },
       });
+      setDataTableData(response.data);
       setData(
         response.data.data.map((obj: any) => ({
           ...obj,
@@ -357,6 +410,7 @@ export default function TableList() {
         params={params}
         searchs={searchs}
         filterStatus={filterStatus}
+        selected={selected}
         // filterStartDate={filterStartDate}
         // filterEndDate={filterEndDate}
       />