From 271180932cf7a4ae61977fcb5cafb178c9269f82 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Thu, 29 Feb 2024 10:32:27 +0100
Subject: [PATCH] linked banner to page

---
 src/Routers.jsx                    | 4 +++-
 src/components/Home/FamilyDash.jsx | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Routers.jsx b/src/Routers.jsx
index 3438e2e..765be10 100644
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -130,7 +130,9 @@ export default function Routers() {
           <Route exact path="/market-place" element={<MarketPlacePage />} />
           <Route exact path="/market" element={<MarketPlacePage />} />
           <Route exact path="/familymarket" element={<FamilyMarketPage />} />
-          <Route exact path="/parentwaiting" element={<ParentWaitingPage />} />
+          <Route exact path="/suggested" element={<ParentWaitingPage />} />
+          <Route exact path="/pastdue" element={<MyPastDueJobsPage />} />
+          <Route exact path="/pending" element={<MyWaitingJobsPage />} />
           <Route
             exact
             path="/familysettings"
diff --git a/src/components/Home/FamilyDash.jsx b/src/components/Home/FamilyDash.jsx
index 959f7ec..2eee32d 100644
--- a/src/components/Home/FamilyDash.jsx
+++ b/src/components/Home/FamilyDash.jsx
@@ -81,9 +81,9 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
             <div className="w-full mb-4 grid grid-cols-2 md:grid-cols-3 gap-2 md:gap-4">
               {Object.keys(familyBannersList?.result_list).map((item, index) => {
                 let content = familyBannersList?.result_list[item]
-                let action = item == 'recommend' ? 'familymarket' : 'mytask'
+                // let action = item == 'recommend' ? 'familymarket' : 'mytask'
                 return (
-                  <Link key={item} to={`/${action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}>
+                  <Link key={item} to={`/${content.banner.action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}>
                     <div className="h-full w-full">
                       <img className="w-full h-[10rem] object-cover rounded-t-xl" src={content.banner.image} alt='banner image' />
                       <div className="flex flex-col justify-between">
-- 
2.34.1