WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Uniform button position for wallet action popups(in progress) and pr issue #374

Merged
ameye merged 1 commits from wallet-styles into master 2023-08-01 19:53:51 +00:00
Conversation 0 Commits 1 Files Changed 5
+13 -13
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/Popup/AddFundDollars.jsx
+5 -5
View File
@@ -313,7 +313,7 @@ function AddFundDollars(props) {
)}
{tab === "new" && (
<div className="new-details w-full max-h-[23rem]">
<div className="new-details w-full max-h-[22rem]">
<div className="w-full flex flex-col justify-between">
<Formik
initialValues={initialValues}
@@ -527,9 +527,9 @@ function AddFundDollars(props) {
</div>
</div>
<div className="md:px-8 add-fund-btn flex justify-end items-center gap-3">
<div className="add-fund-btn flex justify-end items-center gap-3 mt-4">
<button
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center items-center border-gradient text-base rounded-full"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center bg-[#f5a430] text-black items-center text-base rounded-full"
onClick={handleClose}
>
Cancel
@@ -558,9 +558,9 @@ function AddFundDollars(props) {
</div>
{tab == "previous" && (
<div className="md:py-8 px-[38px] add-fund-btn flex justify-end items-center gap-4 py-4">
<div className="md:py-8 add-fund-btn flex justify-end items-center gap-4 py-4">
<button
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center items-center border-gradient text-base rounded-full"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center bg-[#f5a430] text-black items-center text-base rounded-full"
onClick={props.onClose}
>
Cancel
src/components/MyWallet/Popup/AddFundPop.jsx
+2 -2
View File
@@ -138,12 +138,12 @@ function AddFundPop({
</div>
)}
{countryWallet == "NG" && <div className="h-[18rem]"></div>}
{countryWallet == "NG" && <div className="h-[19rem]"></div>}
{countryWallet == "NG" && (
<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 btn-gradient text-base rounded-full text-white"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center items-center bg-[#f5a430] text-black text-base rounded-full"
onClick={onClose}
>
Cancel
src/components/MyWallet/Popup/ConfirmAddFund.jsx
+1 -1
View File
@@ -379,7 +379,7 @@ function ConfirmAddFund({
<hr />
<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"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center bg-[#f5a430] text-black items-center border-gradient text-base rounded-full"
onClick={getBack}
>
Back
src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { useState } from "react";
import { useDispatch } from "react-redux";
import usersService from "../../../services/UsersService";
import { tableReload } from "../../../store/TableReloads";
import InputCom from "../../Helpers/Inputs/InputCom";
import ModalCom from "../../Helpers/ModalCom";
import LoadingSpinner from "../../Spinners/LoadingSpinner";
import { useDispatch } from "react-redux";
import { tableReload } from "../../../store/TableReloads";
function ConfirmNairaWithdraw({
payment,
@@ -393,7 +393,7 @@ function ConfirmNairaWithdraw({
<button
type="button"
onClick={action}
className="border-gradient text-base tracking-wide px-4 py-2 rounded-full"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center bg-[#f5a430] text-black items-center border-gradient text-base rounded-full"
>
<span className="text-gradient">Cancel</span>
</button>
src/components/MyWallet/Popup/NairaWithdraw.jsx
+2 -2
View File
@@ -171,7 +171,7 @@ function NairaWithdraw({
setErrorMsgs({ amount: "amount required" });
setTimeout(() => setErrorMsgs({ amount: "" }), 3000);
return;
}else if (Number(values.amount * 100) > Number(wallet?.transfer_limit)) {
} else if (Number(values.amount * 100) > Number(wallet?.transfer_limit)) {
setErrorMsgs({ amount: "Withdraw limit has been exceeded" });
setTimeout(() => setErrorMsgs({ amount: "" }), 3000);
return;
@@ -796,7 +796,7 @@ function NairaWithdraw({
<button
type="button"
onClick={action}
className="border-gradient text-base tracking-wide px-4 py-2 rounded-full"
className="px-4 py-1 h-11 max-w-[100px] w-full flex justify-center bg-[#f5a430] text-black items-center border-gradient text-base rounded-full"
>
<span className="text-gradient">Cancel</span>
</button>