From c1a8fb6cf43ec554c408832ad38589421ef55565 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Fri, 7 Jul 2023 20:19:44 +0100
Subject: [PATCH] banner added to family corner task

---
 src/components/FamilyAcc/Tabs/FamilyPending.jsx       | 8 +++++---
 src/components/FamilyAcc/Tabs/FamilyTasks.jsx         | 8 +++++---
 src/components/OffersInterest/OffersInterestTable.jsx | 1 -
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/FamilyAcc/Tabs/FamilyPending.jsx b/src/components/FamilyAcc/Tabs/FamilyPending.jsx
index 1d344be..b3d5e87 100644
--- a/src/components/FamilyAcc/Tabs/FamilyPending.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyPending.jsx
@@ -3,6 +3,7 @@ import { PaginatedList, handlePagingFunc } from "../../Pagination";
 import { PriceFormatter } from "../../Helpers/PriceFormatter";
 import dataImage2 from "../../../assets/images/data-table-user-2.png";
 import PendingJobsPopout from "../../jobPopout/PendingJobsPopout";
+import localImgLoad from "../../../lib/localImgLoad";
 
 export default function FamilyPending({
   familyData,
@@ -50,6 +51,7 @@ export default function FamilyPending({
                         value?.currency_code,
                         value?.currency
                       );
+                      let image = value.banner ? value.banner : 'default.jpg'
                       return (
                         <tr
                           key={index}
@@ -57,11 +59,11 @@ export default function FamilyPending({
                         >
                           <td className=" py-4">
                             <div className="flex space-x-2 items-center w-full">
-                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] max-w-[60px]">
+                              <div className="w-[60px] h-[60px] p-2 bg-alice-blue rounded-full overflow-hidden flex justify-center items-center">
                                 <img
-                                  src={dataImage2}
+                                  src={localImgLoad(`images/taskbanners/${image}`)}
                                   alt="data"
-                                  className="w-full h-full"
+                                  className="w-full h-full rounded-full"
                                 />
                               </div>
                               <div className="flex flex-col flex-[0.9]">
diff --git a/src/components/FamilyAcc/Tabs/FamilyTasks.jsx b/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
index 33bcafa..26ee19d 100644
--- a/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
@@ -8,6 +8,7 @@ import Icons from "../../Helpers/Icons";
 import { PriceFormatter } from "../../Helpers/PriceFormatter";
 import ModalCom from "../../Helpers/ModalCom";
 import Detail from "../../jobPopout/popoutcomponent/Detail";
+import localImgLoad from "../../../lib/localImgLoad";
 
 
 export default function FamilyTasks({ familyData, className, loader, accountDetails }) {
@@ -55,6 +56,7 @@ export default function FamilyTasks({ familyData, className, loader, accountDeta
                             value?.currency_code,
                             value?.currency
                           );
+                          let image = value.banner ? value.banner : 'default.jpg'
                           return (
                             <tr
                               key={index}
@@ -62,11 +64,11 @@ export default function FamilyTasks({ familyData, className, loader, accountDeta
                             >
                               <td className=" py-4">
                                 <div className="flex space-x-2 items-center w-full">
-                                  <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] max-w-[60px] min-w-[60px]">
+                                  <div className="w-[60px] h-[60px] p-2 bg-alice-blue rounded-full overflow-hidden flex justify-center items-center">
                                     <img
-                                      src={dataImage2}
+                                      src={localImgLoad(`images/taskbanners/${image}`)}
                                       alt="data"
-                                      className="w-full h-full"
+                                      className="w-full h-full rounded-full"
                                     />
                                   </div>
                                   <div className="flex flex-col flex-[0.9]">
diff --git a/src/components/OffersInterest/OffersInterestTable.jsx b/src/components/OffersInterest/OffersInterestTable.jsx
index 2fd5297..5ebffd0 100644
--- a/src/components/OffersInterest/OffersInterestTable.jsx
+++ b/src/components/OffersInterest/OffersInterestTable.jsx
@@ -54,7 +54,6 @@ export default function OffersInterestTable({offerInterestList, className}) {
                             </thead>
                             <tbody className="h-full">
                             {currentOfferInterestList?.map((item, index) => {
-                                console.log('TESTING',item)
                                 let image = item.banner ? item.banner : 'default.jpg'
                                 return (
                                 <tr key={index} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-- 
2.34.1