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

Passed values to confirm add fund

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2023-07-12 10:08:26 +01:00
parent e899e5eb2a
commit 7990959e9f
2 changed files with 76 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/ConfirmAddFund.jsx
+20 -7
View File
@@ -96,18 +96,31 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
// }
// }, []);
console.log("data on confirm", confirmCredit);
const ThePaymentText = ({value}) => (
<div className="my-2 flex items-center gap-5">
<div className="card-details">
<h1 className="text-lg font-bold text-dark-gray dark:text-white tracking-wide">
{value.description} Card
</h1>
<p className="text-base font-bold text-dark-gray dark:text-white tracking-wide">
Bank **************{value.digits}
</p>
</div>
</div>
);
console.log("data on confirm", confirmCredit?.data?.card.card_uid);
return (
<div className="content-wrapper w-full h-[36rem]">
<div className="w-full mb-10">
<div className="add-fund w-full bg-white dark:bg-dark-white rounded-2xl shadow">
<div className="add-fund w-full bg-white dark:bg-dark-white rounded-2xl">
{/* <h2 className="md:p-8 p-4 text-slate-900 dark:text-white text-xl lg:text-2xl font-medium">
Confirm Add Fund To Account
</h2>
<hr /> */}
<div className="px-4 md:px-8 py-4 add-fund-info">
<div className="field w-full mb-3 min-h-[45px] flex items-center">
<div className="px-4 md:p-8 py-4 add-fund-info">
<div className="field w-full mb-3 min-h-[45px]">
{confirmCredit?.show ? (
<div className="flex flex-col items-center gap-4">
<div className="flex items-center gap-4">
@@ -131,10 +144,10 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
htmlFor="payment"
className="input-label text-[#181c32] dark:text-white text-xl leading-[20.9625px] font-semibold flex items-center gap-1"
>
{confirmCredit?.data?.currency && "Payment Method"}
{confirmCredit?.data?.currency && "Payment Method:"}
</label>
<span className="text-[#181c32] dark:text-white text-xl leading-[20.9625px] font-semibold">
Coming Soon...
{/* {confirmCredit?.data?.card && <ThePaymentText value={confirmCredit?.data?.card} />} */}
</span>
</div>
</div>
@@ -161,7 +174,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
<div className="min-h-[350px]"></div>
<div className="md:p-8 p-4 add-fund-btn flex justify-end items-center py-4 gap-4">
<button
className="px-2 h-11 flex justify-center items-center border-gradient text-base rounded-full"
className="px-4 h-11 flex justify-center items-center border-gradient text-base rounded-full"
onClick={onClose}
>
Cancel