[update]- fawateerdeposite

src/Components/Popups/RejectReversalPopups.jsx

@@ -74,6 +74,7 @@ const RejectReversalPopups = ({
                 placeholder={"Enter your comments...."}
                 rounded={"md"}
                 resize={"none"}
+                mb={2}
               />
               {errors.comments ? (
                 <Text fontSize="xs" color="red">

src/Pages/BankDepositRequest/BankDepositRequest.jsx

@@ -33,6 +33,7 @@ import {
   useRejectbankDepositRequestMutation,
 } from "../../Services/bankdeposit.request.service";
 import RejectReversalPopups from "../../Components/Popups/RejectReversalPopups";
+import ConfirmReversalPopups from "../../Components/Popups/ConfirmReversalPopups";
 
 const formatDate = (date) => {
   return new Date(date).toLocaleDateString("en-GB", {
@@ -331,8 +332,14 @@ const BankDepositRequest = () => {
 
   return (
     <Box {...OPACITY_ON_LOAD} overflowY={"scroll"} height={"100vh"} pb={38}>
-      <ConfirmModal isOpen={isConfirmOpen} onClose={onConfirmClose} />
+      {/* <ConfirmModal isOpen={isConfirmOpen} onClose={onConfirmClose} /> */}
       <RejectReversalPopups
+        isOpen={isConfirmOpen}
+        onClose={onConfirmClose}
+        handelApproved={handleApproved}
+        isLoading={isReversalLoading}
+      />
+      <ConfirmReversalPopups
         isOpen={isRejectOpen}
         onClose={onRejectClose}
         handelApproved={handleApproved}

src/Pages/ReversalFawateerDeposit/ReversalFawateerDeposit.jsx

@@ -8,6 +8,7 @@ import {
     Link,
     Text,
     Tooltip,
+    useBoolean,
     useDisclosure,
     useToast,
   } from "@chakra-ui/react";
@@ -16,16 +17,16 @@ import {
 import Pagination from "../../Components/Pagination";
 import GlobalStateContext from "../../Contexts/GlobalStateContext";
 import CustomAlertDialog from "../../Components/CustomAlertDialog";
-import DrawalRequestReject from "../WithDrawal/DrawalRequest/DrawalRequestReject";
 import NormalTable from "../../Components/DataTable/NormalTable";
-import DrawalRequestApprove from "../WithDrawal/DrawalRequest/DrawalRequestApprove";
 import { generateSerialNumber } from "../../Constants/Constants";
 import { TABLE_PAGINATION } from "../../Constants/Paginations";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
 import { useGetFawateerForMakerRequestQuery } from "../../Services/fawateer.request.service";
 import ConfirmModal from "./ConfirmModal";
 import RejectModal from "./RejectModal";
-import { useGetFawateerDepositMasterQuery } from "../../Services/reversal.fawateer.deposit.service";
+import { useGetFawateerDepositMasterQuery, useRejectFawateerRequestMutation } from "../../Services/reversal.fawateer.deposit.service";
+import RejectReversalPopups from "../../Components/Popups/RejectReversalPopups";
+import ToastBox from "../../Components/ToastBox";
   
   const ReversalFawateerDeposit = () => {
     const toast = useToast();
@@ -38,7 +39,10 @@ import { useGetFawateerDepositMasterQuery } from "../../Services/reversal.fawate
     const [mouseEntered, setMouseEntered] = useState(false);
     const [mouseEnteredId, setMouseEnteredId] = useState("");
     const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
+    const [isReversalLoading, setIsReversalLoading] = useBoolean();
   
+    const [rejectFawateerRequest] = useRejectFawateerRequestMutation();
+
     const [pageSize, setPageSize] = useState(TABLE_PAGINATION?.size);
     const [currentPage, setCurrentPage] = useState(TABLE_PAGINATION?.page);
   
@@ -110,15 +114,6 @@ import { useGetFawateerDepositMasterQuery } from "../../Services/reversal.fawate
       const searchLower = searchTerm.toLowerCase();
       const nameMatches = name.toLowerCase().includes(searchLower);
   
-      // Filter by status
-      // const status = item.status;
-      // const statusLower = status ? "active" : "inactive";
-  
-      // const statusMatches =
-      //   statusFilter === "all" ||
-      //   (statusFilter === "active" && status === true) ||
-      //   (statusFilter === "inactive" && status === false);
-  
       return nameMatches;
     });
   
@@ -263,6 +258,44 @@ import { useGetFawateerDepositMasterQuery } from "../../Services/reversal.fawate
       }, 100);
       setIsLoading(true);
     };
+
+    const handleApproved = async (data) => {
+      setIsReversalLoading.on(); // Start loading
+      try {
+        const { error, data: responseData } = await rejectFawateerRequest({
+          id: actionId,
+          data,
+        });
+  
+        if (error) {
+          throw error; // Explicitly handle the error
+        }
+  
+        // Success: Perform necessary actions
+        refetch();
+        toast({
+          render: () => (
+            <ToastBox message={responseData?.message || "Action successful!"} />
+          ),
+        });
+        onRejectClose();
+      } catch (error) {
+        // Handle errors
+        toast({
+          render: () => (
+            <ToastBox
+              message={
+                error?.data?.message || "Something went wrong. Please try again."
+              }
+              status="error"
+            />
+          ),
+        });
+        console.error("Error:", error);
+      } finally {
+        setIsReversalLoading.off(); // Ensure loading is toggled off
+      }
+    };
   
     return (
       <Box {...OPACITY_ON_LOAD} overflowY={"scroll"} height={"100vh"} pb={38}>
@@ -325,10 +358,11 @@ import { useGetFawateerDepositMasterQuery } from "../../Services/reversal.fawate
           id={actionId}
           // firstField={firstField}
         />
-        <RejectModal
+        <RejectReversalPopups
           isOpen={isRejectOpen}
           onClose={onRejectClose}
-          id={actionId}
+          handelApproved={handleApproved}
+          isLoading={isReversalLoading}
         />
       </Box>
     );