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

Consumed Start credit Api

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2023-07-13 22:34:09 +01:00
parent cbaa8b6f7b
commit 20ce9bf749
5 changed files with 93 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/ConfirmAddFund.jsx
+26 -22
View File
@@ -95,8 +95,9 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
// }
// }, []);
const __confirmCard = confirmCredit?.data.card
? JSON.parse(confirmCredit?.data.card)
const __confirmData = confirmCredit?.data;
const __confirmCardDetails = __confirmData.card
? JSON.parse(__confirmData.card)
: "";
const ThePaymentText = ({ value }) => (
@@ -112,7 +113,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
</div>
);
console.log(confirmCredit);
// console.log(confirmCredit);
return (
<div className="content-wrapper w-full h-[32rem]">
@@ -124,34 +125,37 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
<div className="flex flex-col gap-4">
<div className="flex items-center gap-4">
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Amount({confirmCredit?.data?.currency})
Amount({__confirmData?.currency})
</h1>
<span className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
{`${walletItem?.symbol} ${
Number(confirmCredit?.data?.amount).toLocaleString() ||
""
Number(__confirmData?.amount).toLocaleString() || ""
}`}
</span>
</div>
<div className="flex items-center gap-8">
<label
htmlFor="payment"
className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1"
>
{confirmCredit?.data?.currency && "Payment Method"}
</label>
<span className="text-[#181c32] dark:text-white ">
{__confirmCard ? (
<ThePaymentText value={__confirmCard} />
) : null}
</span>
</div>
{__confirmData?.currency == "US Dollars" && (
<div className="flex items-center gap-8">
<label
htmlFor="payment"
className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1"
>
{__confirmData?.currency && "Payment Method"}
</label>
<span className="text-[#181c32] dark:text-white ">
{__confirmCardDetails ? (
<ThePaymentText value={__confirmCardDetails} />
) : null}
</span>
</div>
)}
<div className="flex items-center gap-14">
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Reference No
</h1>
<span className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
{__confirmCard?.card_uid}
{__confirmCardDetails?.card_uid ||
__confirmData?.credit_reference}
</span>
</div>
</div>
@@ -167,7 +171,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
>
Cancel
</button>
{confirmCredit?.data?.currency == "US Dollars" && (
{__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")}
@@ -175,7 +179,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
Proceed
</button>
)}
{confirmCredit?.data?.currency == "Naira" && (
{__confirmData?.currency == "Naira" && (
<FlutterWaveButton
{...fwConfig}
className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"