Start credit Api for Dollar acc

src/components/MyWallet/ConfirmAddFund.jsx

@@ -9,6 +9,7 @@ import { FlutterWaveButton, closePaymentModal } from "flutterwave-react-v3";
 
 function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
   const __confirmData = confirmCredit?.data;
+  const __confirmCountry = walletItem?.country;
   const __confirmCardDetails = __confirmData.card
     ? JSON.parse(__confirmData.card)
     : "";
@@ -46,7 +47,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
           loading: false,
           status: true,
         });
-        toast.success("Account Topup was sucessful");
+        toast.success("Account Topup was successful");
         setTimeout(() => {
           navigate("/my-wallet", { replace: true });
         }, 1000);
@@ -91,10 +92,8 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
   };
 
   const handlePrevCard = () => {
-    console.log("Test me")
-  }
-
- 
+    console.log("Test me");
+  };
 
   const ThePaymentText = ({ value }) => (
     <div className="my-2 flex items-center gap-5">
@@ -109,7 +108,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
     </div>
   );
 
-  // console.log(confirmCredit);
+  console.log(confirmCredit);
 
   return (
     <div className="content-wrapper w-full h-[32rem]">
@@ -119,7 +118,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             <div className="field w-full mb-3 min-h-[45px]">
               {confirmCredit?.show ? (
                 <div className="flex flex-col gap-4">
-                  <div className="flex items-center gap-4">
+                  <div
+                    className={`flex items-center ${
+                      __confirmCountry == "US" ? "gap-14" : "gap-4"
+                    }`}
+                  >
                     <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
                       Amount({__confirmData?.currency})
                     </h1>
@@ -129,13 +132,13 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                       }`}
                     </span>
                   </div>
-                  {__confirmData?.currency == "US Dollars" && (
+                  {__confirmCountry == "US" && (
                     <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"}
+                        {__confirmCountry == "US" && "Payment Method"}
                       </label>
                       <span className="text-[#181c32] dark:text-white ">
                         {__confirmCardDetails ? (
@@ -147,17 +150,14 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
 
                   <div
                     className={`${
-                      __confirmData?.currency == "US Dollars"
-                        ? "gap-14"
-                        : "gap-6"
+                      __confirmCountry == "US" ? "gap-[3.7rem]" : "gap-6"
                     } flex items-center`}
                   >
                     <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">
-                      {__confirmCardDetails?.card_uid ||
-                        __confirmData?.credit_reference}
+                      {__confirmData?.credit_reference}
                     </span>
                   </div>
                 </div>
@@ -165,7 +165,11 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             </div>
           </div>
           {/* <hr /> */}
-          <div className={__confirmData?.currency == "US Dollars" ? "min-h-[163px]":"min-h-[200px]"}></div>
+          <div
+            className={
+              __confirmCountry == "US" ? "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"
@@ -173,7 +177,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             >
               Cancel
             </button>
-            {__confirmData?.currency == "US Dollars" && (
+            {__confirmCountry == "US" && (
               <button
                 className="px-4 h-11 flex justify-center items-center btn-gradient text-white text-base rounded-full"
                 onClick={
@@ -185,7 +189,7 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                 Proceed
               </button>
             )}
-            {__confirmData?.currency == "Naira" && (
+            {__confirmCountry == "NG" && (
               <FlutterWaveButton
                 {...fwConfig}
                 className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"