added past due task page

src/views/FamilyPastDuePage.jsx

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

src/views/MyPastDueJobsPage.jsx

@@ -1,7 +1,6 @@
 import React, { useContext,useState, useEffect } from "react";
 import usersService from "../services/UsersService";
-//import MyJobs from "../components/MyJobs";
-//import MyActiveJobs from "../components/MyActiveJobs";
+
 import MyPastDueJobs from "../components/MyActiveJobs/MyPastDueJobs";
 import { useSelector } from "react-redux";
 
@@ -9,7 +8,7 @@ export default function MyPastDueJobsPage() {
     let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
     const [MyJobList, setMyJobList] = useState([]);
     const api = new usersService();
-//TARGET ENDPOINT[POST]http://10.204.5.100:9083/en/wrench/api/v1/jobmanageractive
+
     const getMyJobList = async () => {
         try {
             const res = await api.getMyPastDueJobList();

src/views/MyPastDueTasksPage.jsx

@@ -0,0 +1,36 @@
+import React, { useContext,useState, useEffect } from "react";
+import usersService from "../services/UsersService";
+
+import MyPastDueTasks from "../components/MyActiveJobs/MyPastDueTasks";
+import { useSelector } from "react-redux";
+
+export default function MyPastDueTasksPage() {
+    let {commonHeadBanner} = useSelector(state => state.commonHeadBanner)
+    const [MyJobList, setMyJobList] = useState({loading:true, data:[]});
+    const api = new usersService();
+
+    const getMyJobList = async () => {
+        try {
+            const res = await api.getMyPastDueJobList();
+            console.log("DATA", res.data);
+            setMyJobList({loading:false, data:res.data})
+        } catch (error) {
+            setMyJobList({loading:false, data:[]})
+            console.log("Error getting mode");
+        }
+    };
+    useEffect(() => {
+        getMyJobList();
+    }, []);
+
+    // debugger;
+    return (
+        <>
+            <MyPastDueTasks
+                MyJobList={MyJobList?.data}
+                loading={MyJobList?.loading}
+                commonHeadData={commonHeadBanner?.result_list}
+            />
+        </>
+    );
+}