.

src/components/MyWallet/ConfirmAddFund.jsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import InputCom from "../Helpers/Inputs/InputCom";
 
 import usersService from "../../services/UsersService";
 
@@ -113,14 +112,12 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
     </div>
   );
 
+  console.log(confirmCredit);
+
   return (
     <div className="content-wrapper w-full h-[32rem]">
       <div className="w-full mb-10">
         <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:p-8 py-4 add-fund-info">
             <div className="field w-full mb-3 min-h-[45px]">
               {confirmCredit?.show ? (
@@ -136,13 +133,12 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                       }`}
                     </span>
                   </div>
-                  <div className="flex items-center gap-4">
-                    {/* <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1"> */}
+                  <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:"}
+                      {confirmCredit?.data?.currency && "Payment Method"}
                     </label>
                     <span className="text-[#181c32] dark:text-white ">
                       {__confirmCard ? (
@@ -150,24 +146,20 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
                       ) : null}
                     </span>
                   </div>
+                  <div className="flex items-center gap-12">
+                    <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}
+                    </span>
+                  </div>
                 </div>
-              ) : (
-                <InputCom
-                  fieldClass="px-6"
-                  label={` Amount${confirmCredit?.data?.currency}`}
-                  type="text"
-                  name="amount"
-                  value={confirmCredit?.data?.amount || ""}
-                  disable={true}
-                />
-              )}
+              ) : null}
             </div>
           </div>
-          {/* <h1 className="mb-2 text-xl font-bold text-dark-gray dark:text-white px-4 h-5">
-            {confirmCredit?.data?.currency && "Payment Method"}
-          </h1> */}
           {/* <hr /> */}
-          <div className="min-h-[220px]"></div>
+          <div className="min-h-[180px]"></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"
@@ -175,7 +167,14 @@ function ConfirmAddFund({ confirmCredit, onClose, walletItem }) {
             >
               Cancel
             </button>
-
+            {confirmCredit?.data?.currency == "US Dollars" && (
+              <button
+                className="px-4 h-11 flex justify-center items-center border-gradient text-base rounded-full"
+                onClick={() => console.log("Test me")}
+              >
+                Proceed
+              </button>
+            )}
             {confirmCredit?.data?.currency == "Naira" && (
               <FlutterWaveButton
                 {...fwConfig}