Few changes
This commit was merged in pull request #307.
This commit is contained in:
@@ -103,6 +103,7 @@ function AddFundDollars(props) {
|
||||
amount: Number(props.input),
|
||||
currency: props.currency,
|
||||
card: prevCardDetails["payment-card"],
|
||||
cardType: "prev",
|
||||
};
|
||||
|
||||
return setTimeout(() => {
|
||||
@@ -132,7 +133,7 @@ function AddFundDollars(props) {
|
||||
});
|
||||
}, []);
|
||||
|
||||
const handleClose = props.onClose
|
||||
const handleClose = props.onClose;
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@@ -118,7 +118,7 @@ function AddFundPop({ _payment, input, setInput, onClose, setConfirmCredit }) {
|
||||
<button
|
||||
onClick={handleSubmit}
|
||||
type="button"
|
||||
className="px-4 py-1 h-11 flex justify-center space-x-1 items-center btn-gradient text-base rounded-full text-white max-w-[100px]"
|
||||
className="px-4 py-1 h-11 flex justify-center space-x-1 items-center btn-gradient text-base rounded-full text-white max-w-[100px] w-full"
|
||||
>
|
||||
{loader ? (
|
||||
<LoadingSpinner size="6" color="sky-blue" />
|
||||
|
||||
@@ -8,6 +8,10 @@ import usersService from "../../services/UsersService";
|
||||
import { FlutterWaveButton, closePaymentModal } from "flutterwave-react-v3";
|
||||
|
||||
function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
|
||||
const __confirmData = confirmCredit?.data;
|
||||
const __confirmCardDetails = __confirmData.card
|
||||
? JSON.parse(__confirmData.card)
|
||||
: "";
|
||||
let { userDetails } = useSelector((state) => state.userDetails); // TO GET LOGGEDIN USER DETAILS
|
||||
|
||||
let [pageLoading, setPageLoading] = useState(true);
|
||||
@@ -86,19 +90,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
|
||||
onClose: () => {},
|
||||
};
|
||||
|
||||
// useEffect(() => {
|
||||
// // what happens if not data redirect user
|
||||
// if (!data) {
|
||||
// navigate("/my-wallet/add-fund", { replace: true });
|
||||
// } else {
|
||||
// setPageLoading(false);
|
||||
// }
|
||||
// }, []);
|
||||
const handlePrevCard = () => {
|
||||
console.log("Test me")
|
||||
}
|
||||
|
||||
const __confirmData = confirmCredit?.data;
|
||||
const __confirmCardDetails = __confirmData.card
|
||||
? JSON.parse(__confirmData.card)
|
||||
: "";
|
||||
|
||||
|
||||
const ThePaymentText = ({ value }) => (
|
||||
<div className="my-2 flex items-center gap-5">
|
||||
@@ -149,7 +145,13 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex items-center gap-14">
|
||||
<div
|
||||
className={`${
|
||||
__confirmData?.currency == "US Dollars"
|
||||
? "gap-14"
|
||||
: "gap-6"
|
||||
} flex items-center`}
|
||||
>
|
||||
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
|
||||
Reference No
|
||||
</h1>
|
||||
@@ -163,7 +165,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
|
||||
</div>
|
||||
</div>
|
||||
{/* <hr /> */}
|
||||
<div className="min-h-[160px]"></div>
|
||||
<div className={__confirmData?.currency == "US Dollars" ? "min-h-[163px]":"min-h-[200px]"}></div>
|
||||
<div className="md:p-8 p-4 add-fund-btn flex justify-end items-center py-4 gap-4">
|
||||
<button
|
||||
className="px-4 h-11 flex justify-center items-center border-gradient text-base rounded-full"
|
||||
@@ -174,7 +176,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
|
||||
{__confirmData?.currency == "US Dollars" && (
|
||||
<button
|
||||
className="px-4 h-11 flex justify-center items-center btn-gradient text-white text-base rounded-full"
|
||||
onClick={() => console.log("Test me")}
|
||||
onClick={
|
||||
__confirmData?.cardType === "prev"
|
||||
? handlePrevCard
|
||||
: () => console.log("Test me")
|
||||
}
|
||||
>
|
||||
Proceed
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user