From 5e0fdffa1e1c18b4a304f24374f65a0a1720cc82 Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Wed, 1 Nov 2023 07:34:23 -0700
Subject: [PATCH 1/2] done

---
 src/components/FamilyAcc/FamilyTable.jsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/FamilyAcc/FamilyTable.jsx b/src/components/FamilyAcc/FamilyTable.jsx
index 6807bc7..61cf5ff 100644
--- a/src/components/FamilyAcc/FamilyTable.jsx
+++ b/src/components/FamilyAcc/FamilyTable.jsx
@@ -53,6 +53,7 @@ export default function FamilyTable({
     family_uid,
     banner,
     enable_traking,
+    profile_picture,
   }) => {
     // Check for valid dates
     const addedDate = added ? added.split(" ")[0] : "N/A";
@@ -75,7 +76,8 @@ export default function FamilyTable({
           <div className="flex space-x-2 items-center w-full">
             <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1]">
               <img
-                src={localImgLoad(`images/icons/${banner}`)}
+                src={profile_picture}
+                // src={profile_picture || localImgLoad(`images/icons/${banner}`)}
                 alt={`Avatar of ${firstname} ${lastname}`}
                 className="w-full h-full"
               />
@@ -134,17 +136,27 @@ export default function FamilyTable({
               })
             }
             type="button"
-            className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+            className="w-12 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
           >
-            Manage
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 11 20"
+              id="Arrow"
+              className="w-[0.7rem]"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413"
+                fill="#4687ba"
+                className="color000000 svgShape"
+              ></path>
+            </svg>
           </button>
         </td>
       </tr>
     );
   };
 
-  console.log(currentFamilyList);
-
   return (
     <div
       className={`update-table w-full h-full p-4 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow min-h-[520px] flex flex-col justify-between ${

From 83a54ff3efcd6f85afd358c2b1b286bb2c921866 Mon Sep 17 00:00:00 2001
From: Chief Bube <ebube.ojinta@chiefsoft.com>
Date: Wed, 1 Nov 2023 07:37:00 -0700
Subject: [PATCH 2/2] .

---
 src/components/FourZeroFour/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FourZeroFour/index.jsx b/src/components/FourZeroFour/index.jsx
index 8253b7d..7dc4c20 100644
--- a/src/components/FourZeroFour/index.jsx
+++ b/src/components/FourZeroFour/index.jsx
@@ -20,7 +20,7 @@ export default function FourZeroFour() {
       <div className="relative pt-32 max-w-3xl">
         {/* <Lottie options={defaultOptions} width={600} height={600} /> */}
         <div className="px-16 md:px-24 flex flex-col items-center justify-center gap-4">
-          <img src={localImgLoad('images/404.png')} className="w-72" alt='404 Image' />
+          <img src={localImgLoad('images/404.png')} className="w-72" alt='404Image' />
           <p className="mt-8 text-red-600 font-black text-4xl md:text-5xl tracking-wider text-center">Sorry!</p>
           <h1 className="text-black text-4xl md:text-5xl font-black tracking-wide text-center leading-tight">The page can’t be found.</h1>
           <p className="px-2 md:px-8 text-slate-700 text-base md:text-lg text-center">The page you're looking for isn't available. Use the go back button below</p>