From 19f111c6a83e243a9aba6350f187101eed1d46ca Mon Sep 17 00:00:00 2001
From: Ebube <chukwumdiebubeojinta@gmail.com>
Date: Mon, 15 May 2023 12:28:31 +0100
Subject: [PATCH] fixed button for family acc

---
 src/components/FamilyAcc/index.jsx       | 9 +++++----
 src/components/MyWallet/TransferFund.jsx | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/FamilyAcc/index.jsx b/src/components/FamilyAcc/index.jsx
index 59e0e3b..de625df 100644
--- a/src/components/FamilyAcc/index.jsx
+++ b/src/components/FamilyAcc/index.jsx
@@ -134,7 +134,7 @@ export default function FamilyAcc() {
           {/* heading */}
           <div className="sm:flex justify-between items-center mb-6">
             <div className="mb-5 sm:mb-0">
-              <h1 className="text-26 font-bold inline-flex gap-2 text-dark-gray dark:text-white">
+              <h1 className="text-26 font-bold inline-flex gap-3 text-dark-gray dark:text-white items-center">
                 <span
                   className={`${selectTab === "today" ? "block" : "hidden"}`}
                 >
@@ -143,9 +143,9 @@ export default function FamilyAcc() {
                 <button
                   onClick={popUpHandler}
                   type="button"
-                  className="text-purple"
+                  className="text-white btn-gradient text-lg tracking-wide px-5 py-2 rounded-full"
                 >
-                  (Add)
+                  Add
                 </button>
               </h1>
             </div>
@@ -266,7 +266,8 @@ const FamilyForm = ({
             <button
               type="button"
               onClick={onClick}
-              className={`rounded-[0.475rem] text-white flex justify-center bg-[#4687ba] hover:bg-[#009ef7] transition-all duration-300 items-center h-[42px] py-[0.8875rem] px-[1.81rem] text-[14.95px] btn-login`}
+              // className={`rounded-[0.475rem] text-white flex justify-center bg-[#4687ba] hover:bg-[#009ef7] transition-all duration-300 items-center h-[42px] py-[0.8875rem] px-[1.81rem] text-[14.95px] btn-login`}
+              className="text-white btn-gradient text-lg tracking-wide px-6 py-2 rounded-full"
             >
               {loader ? (
                 <div className="signup btn-loader"></div>
diff --git a/src/components/MyWallet/TransferFund.jsx b/src/components/MyWallet/TransferFund.jsx
index 891987d..42380f8 100644
--- a/src/components/MyWallet/TransferFund.jsx
+++ b/src/components/MyWallet/TransferFund.jsx
@@ -110,6 +110,7 @@ function TransferFund({ payment, wallet }) {
   useEffect(() => {
     getRecipients();
   }, []);
+  
   return (
     <div className="content-wrapper w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin">
       <div className="lg:w-1/2 w-full mb-10 lg:mb-0">