From 4e2f120ab5936da958876dda7d7192661cdb5a93 Mon Sep 17 00:00:00 2001
From: Ebube <ebube.ojinta@chiefsoft.com>
Date: Thu, 13 Jul 2023 23:12:29 +0100
Subject: [PATCH] Few changes

---
 src/components/MyWallet/AddFundDollars.jsx |  3 +-
 src/components/MyWallet/AddFundPop.jsx     |  2 +-
 src/components/MyWallet/ConfirmAddFund.jsx | 36 +++++++++++++---------
 3 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/components/MyWallet/AddFundDollars.jsx b/src/components/MyWallet/AddFundDollars.jsx
index 6705d25..65343c6 100644
--- a/src/components/MyWallet/AddFundDollars.jsx
+++ b/src/components/MyWallet/AddFundDollars.jsx
@@ -103,6 +103,7 @@ function AddFundDollars(props) {
         amount: Number(props.input),
         currency: props.currency,
         card: prevCardDetails["payment-card"],
+        cardType: "prev",
       };
 
       return setTimeout(() => {
@@ -132,7 +133,7 @@ function AddFundDollars(props) {
       });
   }, []);
 
-  const handleClose = props.onClose
+  const handleClose = props.onClose;
 
   return (
     <>
diff --git a/src/components/MyWallet/AddFundPop.jsx b/src/components/MyWallet/AddFundPop.jsx
index fda5714..e8566f5 100644
--- a/src/components/MyWallet/AddFundPop.jsx
+++ b/src/components/MyWallet/AddFundPop.jsx
@@ -118,7 +118,7 @@ function AddFundPop({ _payment, input, setInput, onClose, setConfirmCredit }) {
                 <button
                   onClick={handleSubmit}
                   type="button"
-                  className="px-4 py-1 h-11 flex justify-center space-x-1 items-center btn-gradient text-base rounded-full text-white max-w-[100px]"
+                  className="px-4 py-1 h-11 flex justify-center space-x-1 items-center btn-gradient text-base rounded-full text-white max-w-[100px] w-full"
                 >
                   {loader ? (
                     <LoadingSpinner size="6" color="sky-blue" />
diff --git a/src/components/MyWallet/ConfirmAddFund.jsx b/src/components/MyWallet/ConfirmAddFund.jsx
index f764136..56ab033 100644
--- a/src/components/MyWallet/ConfirmAddFund.jsx
+++ b/src/components/MyWallet/ConfirmAddFund.jsx
@@ -8,6 +8,10 @@ import usersService from "../../services/UsersService";
 import { FlutterWaveButton, closePaymentModal } from "flutterwave-react-v3";
 
 function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
+  const __confirmData = confirmCredit?.data;
+  const __confirmCardDetails = __confirmData.card
+    ? JSON.parse(__confirmData.card)
+    : "";
   let { userDetails } = useSelector((state) => state.userDetails); // TO GET LOGGEDIN USER DETAILS
 
   let [pageLoading, setPageLoading] = useState(true);
@@ -86,19 +90,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
     onClose: () => {},
   };
 
-  // useEffect(() => {
-  //   // what happens if not data redirect user
-  //   if (!data) {
-  //     navigate("/my-wallet/add-fund", { replace: true });
-  //   } else {
-  //     setPageLoading(false);
-  //   }
-  // }, []);
+  const handlePrevCard = () => {
+    console.log("Test me")
+  }
 
-  const __confirmData = confirmCredit?.data;
-  const __confirmCardDetails = __confirmData.card
-    ? JSON.parse(__confirmData.card)
-    : "";
+ 
 
   const ThePaymentText = ({ value }) => (
     <div className="my-2 flex items-center gap-5">
@@ -149,7 +145,13 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                     </div>
                   )}
 
-                  <div className="flex items-center gap-14">
+                  <div
+                    className={`${
+                      __confirmData?.currency == "US Dollars"
+                        ? "gap-14"
+                        : "gap-6"
+                    } flex items-center`}
+                  >
                     <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
                       Reference No
                     </h1>
@@ -163,7 +165,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             </div>
           </div>
           {/* <hr /> */}
-          <div className="min-h-[160px]"></div>
+          <div className={__confirmData?.currency == "US Dollars" ? "min-h-[163px]":"min-h-[200px]"}></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"
@@ -174,7 +176,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             {__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")}
+                onClick={
+                  __confirmData?.cardType === "prev"
+                    ? handlePrevCard
+                    : () => console.log("Test me")
+                }
               >
                 Proceed
               </button>