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

initial commit

Browse Source
This commit is contained in:
victorAnumudu
2024-04-04 14:09:53 +01:00
parent 91a42cfe9d
commit f8e14fe6a0
6 changed files with 59 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/Popup/ConfirmAddFund.jsx
+5 -5
View File
@@ -49,11 +49,11 @@ function AmountSection({ currency, amount, country }) {
const gapClassName = country === "US" ? "gap-14" : "gap-4";
return (
<div className={`flex items-center ${gapClassName}`}>
<div className={`flex items-center gap-8 ${gapClassName}`}>
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Amount({currency})
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedAmount}
</span>
</div>
@@ -69,11 +69,11 @@ function TransactionFeeSection({ currency, fee, country }) {
const gapClass = country === "US" ? "gap-[2.7rem]" : "gap-4";
return (
<div className={`flex items-center border-b border-gray-600 ${gapClass}`}>
<div className={`flex items-center gap-8 border-b border-gray-600 ${gapClass}`}>
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Transaction Fee
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedFee}
</span>
</div>
@@ -96,7 +96,7 @@ function TotalSection({ currency, amount, fee, country }) {
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Total
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedTotal}
</span>
</div>
src/components/MyWallet/Popup/ConfirmNairaWithdraw.jsx
+29 -30
View File
@@ -58,13 +58,12 @@ function ConfirmNairaWithdraw({
.sendMoney(reqData)
.then((res) => {
if (res.data.internal_return < 0) {
// if (res.data?.status_message?.toLowerCase().includes("limit")) {
// setRequestStatus({
// message: ,
// loading: false,
// status: false,
// });
// }
setRequestStatus({
message: 'Unable to complete, try again',
loading: false,
status: false,
});
return setTimeout(() => {
setRequestStatus({
message: "",
@@ -79,19 +78,19 @@ function ConfirmNairaWithdraw({
}, 5000);
}
setRequestStatus({
message: "Withdrawal sucessful",
loading: false,
status: true,
});
setShowCompleteNairaWithdraw({
show: true,
load: false,
state: res.data,
});
setTimeout(() => {
setRequestStatus({
message: "",
loading: false,
status: false,
});
setShowCompleteNairaWithdraw({
show: true,
load: false,
state: res.data,
});
dispatch(tableReload({ type: "WALLETTABLE" }));
}, 5000);
dispatch(tableReload({ type: "WALLETTABLE" }));
return;
})
.catch((error) => {
@@ -381,23 +380,23 @@ function ConfirmNairaWithdraw({
{!completeNairaWithdraw.load && (
<>
<p
className={`text-base ${
requestStatus.status ? "text-green-500" : "text-red-500"
} px-4 md:px-8 py-4 h-5`}
className={`text-lg text-center font-bold ${
requestStatus.status ? "text-emerald-600" : "text-red-500"
} px-4 md:px-8 py-4`}
>
{requestStatus.message && requestStatus.message}
</p>
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
{!completeNairaWithdraw.show && (
<button
type="button"
onClick={action}
className="custom-btn bg-[#f5a430] text-black text-base"
>
Cancel
</button>
)}
<button
type="button"
onClick={action}
className="custom-btn bg-[#f5a430] text-black text-base"
>
Cancel
</button>
<button
onClick={
src/components/MyWallet/Popup/CreditPopup.jsx
+6 -1
View File
@@ -71,7 +71,12 @@ const CreditPopup = ({ details, onClose, situation, walletItem }) => {
<div className="w-full">
{confirmCredit?.show?.acceptConfirm?.loader ? (
<div className="h-[32rem] flex items-center justify-center">
<LoadingSpinner size="12" color="sky-blue" />
<div className="h-[32rem] flex flex-col items-center justify-center gap-4">
<p className="text-lg md:text-2xl text-emerald-600 tracking-wide font-bold">Processing payment</p>
<p className="text-lg md:text-2xl text-emerald-600 tracking-wide font-bold">Please do not refresh</p>
<LoadingSpinner size="6" color="sky-blue" height='h-20' />
<p className="text-lg md:text-2xl text-emerald-600 tracking-wide font-bold">Timer countdown</p>
</div>
</div>
) : (
<>
src/components/MyWallet/Popup/NairaWithdraw.jsx
+16 -16
View File
@@ -330,13 +330,13 @@ function NairaWithdraw({
<Form className="transfer-fund-info">
<div className="add-fund w-full md:p-8 p-4 bg-white dark:bg-dark-white h-full rounded-2xl">
{/* Amount Form */}
<div className="flex flex-col">
<div className="flex flex-col gap-2">
<div className="field w-full">
<InputCom
fieldClass="px-4 text-end"
parentClass="flex items-center gap-1 justify-between"
labelClass="flex-[0.4] mb-0"
inputClass="flex-[0.6] max-w-[12rem]"
parentClass="flex items-center gap-1"
labelClass="flex-[0.2] mb-0"
inputClass="flex-[0.8] max-w-[12rem]"
label="Amount:"
type="number"
name="amount"
@@ -352,10 +352,10 @@ function NairaWithdraw({
<div className="field w-full">
<InputCom
fieldClass="px-4 transfer-field"
parentClass="flex items-center gap-1 justify-between"
fieldClass="px-4"
parentClass="flex items-center gap-1"
labelClass="flex-[0.2] mb-0"
inputClass="flex-[0.8] transfer-field max-w-[12rem]"
inputClass="flex-[0.8] max-w-[12rem]"
label="Fee:"
type="text"
name="fee"
@@ -371,10 +371,10 @@ function NairaWithdraw({
<div className="field w-full">
<InputCom
fieldClass="px-4 transfer-field"
parentClass="flex items-center gap-1 justify-between"
fieldClass="px-4"
parentClass="flex items-center gap-1"
labelClass="flex-[0.2] mb-0"
inputClass="flex-[0.8] transfer-field max-w-[12rem]"
inputClass="flex-[0.8] max-w-[12rem]"
label="Total:"
type="text"
name="total"
@@ -414,7 +414,7 @@ function NairaWithdraw({
<label
onClick={() => setTab("previous")}
htmlFor="previous"
className="cursor-pointer flex items-center gap-1"
className="cursor-pointer flex items-center gap-1 text-dark-gray dark:text-white"
>
<input
type="radio"
@@ -431,7 +431,7 @@ function NairaWithdraw({
<label
onClick={() => setTab("new")}
htmlFor="new"
className={`cursor-pointer flex items-center gap-1 ${
className={`cursor-pointer flex items-center gap-1 text-dark-gray dark:text-white ${
recipients.data.length >= MaxNoOfBanks
? "pointer-events-none"
: ""
@@ -545,7 +545,7 @@ function NairaWithdraw({
<LoadingSpinner size="10" color="sky-blue" />
</div>
) : recipients.data.length < MaxNoOfBanks ? (
<div className="w-full mt-3 rounded-md bg-slate-100">
<div className="w-full mt-3 rounded-md bg-slate-100 dark:bg-dark-white">
<div className="relative fields w-full flex flex-col p-4">
<div className="flex flex-[2] min-h-[52px]">
{/* country */}
@@ -557,7 +557,7 @@ function NairaWithdraw({
Country{" "}
<span className="text-red-500">*</span>
</label>
<div className="w-full text-base p-2 text-dark-gray dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding tracking-[1.5px] flex items-center pointer-events-none">
<div className="w-full text-base p-2 text-dark-gray bg-white dark:bg-[#11131F] dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding tracking-[1.5px] flex items-center pointer-events-none">
<span className="text-slate-500 text-lg italic">
{wallet.walletCountry[0]?.country}
</span>
@@ -619,7 +619,7 @@ function NairaWithdraw({
<span className="text-red-500">*</span>
</label>
<select
className="w-full text-base p-2 text-dark-gray dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding "
className="w-full text-base p-2 bg-white dark:bg-[#11131F] text-dark-gray dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding "
name="newAccount.bank"
value={props.values.newAccount?.bank}
onChange={props.handleChange}
@@ -698,7 +698,7 @@ function NairaWithdraw({
Type <span className="text-red-500">*</span>
</label>
<select
className="w-full text-base p-2 text-dark-gray dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding flex-grow tracking-[1.5px]"
className="w-full text-base p-2 text-dark-gray bg-white dark:bg-[#11131F] dark:text-white border border-slate-300 outline-0 flex-[0.6] rounded-full h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding flex-grow tracking-[1.5px]"
name="newAccount.accountType"
value={props.values.newAccount?.accountType}
onChange={props.handleChange}
src/components/MyWallet/WalletAction.jsx
+2 -2
View File
@@ -23,14 +23,14 @@ function WalletAction({ walletItem, payment, openPopUp }) {
}}
className={`${
walletItem.code != "NAIRA" && "invisible"
} custom-btn btn-gradient text-white`}
} logout-btn btn-gradient text-white`}
>
Spend
</button>
</div>
<div className="w-1/2 flex justify-center items-center">
<button
className="custom-btn btn-gradient text-white"
className="logout-btn btn-gradient text-white"
onClick={() => {
openPopUp({
payment: payment,
src/components/MyWallet/WalletItemCard.jsx
+1 -1
View File
@@ -81,7 +81,7 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
walletItem.escrow * 0.01,
walletItem.code,
undefined,
"text-[2rem]"
"text-[1.5rem]"
)}
</span>
</p>