From e98929627f828cc1a0009c904ea8c68c4ca8ad7d Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Wed, 12 Jul 2023 15:20:39 +0100
Subject: [PATCH] Compi!

---
 src/components/MyWallet/ConfirmAddFund.jsx | 25 +++++++++++-----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/MyWallet/ConfirmAddFund.jsx b/src/components/MyWallet/ConfirmAddFund.jsx
index b9d82cd..26b9a1a 100644
--- a/src/components/MyWallet/ConfirmAddFund.jsx
+++ b/src/components/MyWallet/ConfirmAddFund.jsx
@@ -92,14 +92,15 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
   //   if (!data) {
   //     navigate("/my-wallet/add-fund", { replace: true });
   //   } else {
-  //     setPageLoading(false);
-  //   }
+    //     setPageLoading(false);
+    //   }
   // }, []);
-
+  
+  let __confirmCard = JSON.parse(confirmCredit?.data.card);
   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">
+        <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
           {value.description} Card
         </h1>
         <p className="text-base font-bold text-dark-gray dark:text-white tracking-wide">
@@ -109,9 +110,8 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
     </div>
   );
 
-  let __something = JSON.parse(confirmCredit?.data.card);
 
-  console.log("data on confirm", __something["card_uid"], __something.card_uid);
+  console.log("data on confirm", __confirmCard.card_uid);
 
   return (
     <div className="content-wrapper w-full h-[36rem]">
@@ -126,14 +126,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
               {confirmCredit?.show ? (
                 <div className="flex flex-col gap-4">
                   <div className="flex items-center gap-4">
-                    <label
-                      htmlFor="amount"
-                      className="input-label text-[#181c32] dark:text-white text-xl leading-[20.9625px] font-semibold flex items-center gap-1"
-                    >
+                    <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
                       {confirmCredit?.data?.currency == "naira"
                         ? "Amount (Naira):"
                         : "Amount (Dollars):"}
-                    </label>
+                    </h1>
                     <span className="text-[#181c32] dark:text-white text-xl leading-[20.9625px] font-semibold">
                       {`${walletItem?.symbol} ${
                         Number(confirmCredit?.data?.amount).toLocaleString() ||
@@ -149,7 +146,9 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                       {confirmCredit?.data?.currency && "Payment Method:"}
                     </label>
                     <span className="text-[#181c32] dark:text-white text-xl leading-[20.9625px] font-semibold">
-                      {/* {confirmCredit?.data?.card && <ThePaymentText value={confirmCredit?.data?.card} />} */}
+                      {__confirmCard && (
+                        <ThePaymentText value={__confirmCard} />
+                      )}
                     </span>
                   </div>
                 </div>
@@ -173,7 +172,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             {confirmCredit?.data?.currency && "Payment Method"}
           </h1> */}
           {/* <hr /> */}
-          <div className="min-h-[350px]"></div>
+          <div className="min-h-[330px]"></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"