diff --git a/src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx b/src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx index 920619a..0a7509c 100644 --- a/src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx +++ b/src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx @@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom"; import usersService from "../../../services/UsersService"; import InputCom from "../../Helpers/Inputs/InputCom"; import ModalCom from "../../Helpers/ModalCom"; +import LoadingSpinner from "../../Spinners/LoadingSpinner"; function ConfirmNairaWithdraw({ payment, @@ -23,12 +24,14 @@ function ConfirmNairaWithdraw({ const [completeNairaWithdraw, setShowCompleteNairaWithdraw] = useState({ show: false, + load: false, state: {}, }); // DETERMINES WHEN CONFIRM NAIRA WITHDRAWAL POPS UP //FUNCTION TO HANDLE SUBMIT const handleSubmit = () => { setRequestStatus({ message: "", loading: true, status: false }); + setShowCompleteNairaWithdraw({ load: true }); let reqData = { amount: Number(state.amount * 100), Fee: Number(state.fee), @@ -61,22 +64,32 @@ function ConfirmNairaWithdraw({ // status: false, // }); // } - return setTimeout( - () => - setRequestStatus({ - message: "", - loading: false, - status: false, - }), - setShowCompleteNairaWithdraw({ show: true, state: res.data }), - 5000 - ); + return setTimeout(() => { + setRequestStatus({ + message: "", + loading: false, + status: false, + }); + setShowCompleteNairaWithdraw({ + show: true, + load: false, + state: res.data, + }); + }, 5000); } setTimeout(() => { - setShowCompleteNairaWithdraw({ show: true, state: res.data }); - }, 1000); - console.log(res.data); + setRequestStatus({ + message: "", + loading: false, + status: false, + }); + setShowCompleteNairaWithdraw({ + show: true, + load: false, + state: res.data, + }); + }, 5000); return; }) .catch((error) => { @@ -108,7 +121,7 @@ function ConfirmNairaWithdraw({
- {requestStatus.message && requestStatus.message} -
-