parent waiting page top brought to top

src/Routers.jsx

@@ -58,6 +58,8 @@ import VerifyYouPages from "./views/VerifyYouPages";
 import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo";
 import YourPages from "./views/YourPage_";
 import ParentWaitingPage from "./views/ParentWaitingPage";
+import FamilyPendingOfferPage from "./views/FamilyPendingOfferPage";
+import FamilyPastDuePage from "./views/FamilyPastDuePage";
 
 export default function Routers() {
   return (
@@ -131,8 +133,8 @@ export default function Routers() {
           <Route exact path="/market" element={<MarketPlacePage />} />
           <Route exact path="/familymarket" element={<FamilyMarketPage />} />
           <Route exact path="/suggested" element={<ParentWaitingPage />} />
-          <Route exact path="/pastdue" element={<MyPastDueJobsPage />} />
-          <Route exact path="/pending" element={<MyWaitingJobsPage />} />
+          <Route exact path="/pastdue" element={<FamilyPastDuePage />} />
+          <Route exact path="/pending" element={<FamilyPendingOfferPage />} />
           <Route
             exact
             path="/familysettings"

src/components/FamilyAcc/FamilyPastDue.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import Layout from '../Partials/Layout'
+
+export default function FamilyPastDue() {
+  return (
+    <Layout>
+        <div>Family PastDue Page Here</div>
+    </Layout>
+  )
+}

src/components/FamilyAcc/FamilyPendingOffer.jsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react'
+import Layout from '../Partials/Layout'
+import MyOffersFamilyTable from '../MyTasks/MyOffersFamilyTable'
+import LoadingSpinner from '../Spinners/LoadingSpinner';
+import usersService from '../../services/UsersService';
+
+export default function FamilyPendingOffer() {
+    const userApi = new usersService();
+
+    const [myOffersList, setMyOffersList] = useState({loading: true, data: []});
+
+    const getMyOffersList = async () => {
+        try {
+            const res = await userApi.getOffersList();
+            setMyOffersList({loading:false, data:res.data});
+            console.log('SAME', res.data)
+        } catch (error) {
+            setMyOffersList({loading:false, data:[]});
+            console.log("Error getting offers", error);
+        }
+    };
+
+    useEffect(()=>{
+        getMyOffersList()
+    },[])
+    return (
+        <Layout>
+            {myOffersList.loading ?
+                <LoadingSpinner size='10' color='sky-blue' height='h-[20rem]'  />
+            :
+            myOffersList?.data?.result_list && myOffersList?.data?.result_list.length > 0 ?
+            <MyOffersFamilyTable
+                familyOffers={myOffersList?.data?.result_list}
+                image_server={myOffersList?.data?.session_image_server}
+                className="mb-10" 
+            />
+            :
+            <div className='w-full h-[30rem] bg-white dark:bg-dark-white flex justify-center items-center rounded-2xl'>
+                <p className='text-black dark:text-white'>No Record Found!</p>
+            </div>
+            }
+        </Layout>
+    )
+}

src/components/MyOffers/ParentWaiting.jsx

@@ -31,17 +31,17 @@ export default function ParentWaiting({ className }) {
         </div>
         {/* <div className="overview-section-wrapper py-2 min-h-[450px] lg:flex lg:space-x-2 flex-1 lg:gap-8"> */}
         <div className="overview-section-wrapper py-2 min-h-[400px] lg:grid grid-cols-2 gap-4">
-          <div className="mb-10 lg:mb-0 h-full w-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
+          <div className="overview-countdown mb-10 lg:mb-0 h-full w-full flex flex-col justify-between p-4 rounded-2xl bg-white dark:bg-dark-white">
+            {<ParentWaitingTable />}
+          </div>
+
+          <div className="h-full w-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
             <img
               src={activeAidsBanner}
               alt="banner"
               className="w-full h-full"
             />
           </div>
-
-          <div className="overview-countdown h-full w-full flex flex-col justify-between p-4 rounded-2xl bg-white dark:bg-dark-white">
-            {<ParentWaitingTable />}
-          </div>
         </div>
       </div>
     </>

src/views/FamilyPastDuePage.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import FamilyPastDue from '../components/FamilyAcc/FamilyPastDue'
+
+export default function FamilyPastDuePage() {
+  return (
+    <>
+        <FamilyPastDue />
+    </>
+  )
+}

src/views/FamilyPendingOfferPage.jsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import FamilyPending from '../components/FamilyAcc/FamilyPendingOffer'
+
+export default function FamilyPendingOfferPage() {
+  return (
+    <>
+        <FamilyPending />
+    </>
+  )
+}