Merge branch 'tx_ref-change' of WrenchBoard/Users-Wrench into master

src/components/MyWallet/Popup/ConfirmAddFund.jsx

@@ -6,6 +6,7 @@ import { toast } from "react-toastify";
 import usersService from "../../../services/UsersService";
 import { tableReload } from "../../../store/TableReloads";
 import LoadingSpinner from "../../Spinners/LoadingSpinner";
+import debounce from "../../../hooks/debounce";
 
 function ThePaymentText({ value, type }) {
   const cardDetails = value;
@@ -102,7 +103,6 @@ function ConfirmAddFund({
 
   const { userDetails } = useSelector((state) => state?.userDetails);
 
-  const navigate = useNavigate();
   const dispatch = useDispatch();
 
   const [requestStatus, setRequestStatus] = useState({
@@ -133,10 +133,12 @@ function ConfirmAddFund({
     ...config,
     text: "Proceed",
     callback: (response) => {
-      onSuccessPayment();
+      debouncedSuccessPayment();
       setTimeout(() => {
+        dispatch(tableReload({ type: "WALLETTABLE" }));
+        onClose()
         closePaymentModal();
-      }, 2000);
+      }, 1500);
     },
   };
 
@@ -174,7 +176,6 @@ function ConfirmAddFund({
             loading: false,
             status: true,
           });
-          dispatch(tableReload({ type: "WALLETTABLE" }));
         }
       })
       .catch((err) => {
@@ -187,6 +188,8 @@ function ConfirmAddFund({
       });
   };
 
+  const debouncedSuccessPayment = debounce(onSuccessPayment, 5000)
+
   const handlePrevCard = async () => {
     const { amount, credit_reference, currency } = __confirmData;
     const { card_uid } = __confirmCardDetails;