diff --git a/src/components/MyWallet/Popup/ConfirmAddFund.jsx b/src/components/MyWallet/Popup/ConfirmAddFund.jsx index 6310390..49c1fa3 100644 --- a/src/components/MyWallet/Popup/ConfirmAddFund.jsx +++ b/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;