Active jobs layout

src/Routers.jsx

@@ -74,6 +74,7 @@ export default function Routers() {
           <Route exact path="/mytask" element={<MyTaskPage />} />
           <Route exact path="/myjobs" element={<MyJobsPage />} />
           <Route exact path="/my-active-jobs"  element={<MyJobsPage />} />
+          <Route exact path="/acc-family"  element={<MyJobsPage />} />
           <Route
             exact
             path="/my-collection/collection-item"

src/components/Partials/Sidebar.jsx

@@ -261,7 +261,22 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
             </ul>
           </div>
         </div>
+        <div className="setting-item">
+          <div  class="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-8 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
+            <NavLink
+                to="/acc-family" >Family Account
+            </NavLink>
+          </div>
+        </div>
+        <div className="setting-item">
+          <div
+              className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-8 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
+            <NavLink
+                to="/start-job" > Enable Job Post
+            </NavLink>
+          </div>
 
+        </div>
         <div className="setting-item">
           <div className="heading mb-5">
             <h1 className="title text-xl font-bold text-purple">My Jobs</h1>

src/services/UsersService.js

@@ -98,7 +98,7 @@ class usersService {
             page:0,
             limit :100
         };
-        return this.postAuxEnd("/getjobsdata", postData);
+        return this.postAuxEnd("/activejoblist", postData);
     }
 
     getHeroJBanners(){

src/views/MyTaskPage.jsx

@@ -1,16 +1,31 @@
-import React from "react";
+import React, { useContext,useState, useEffect } from "react";
 import MyTasks from "../components/MyTasks";
 import UsersService from "../services/UsersService";
 import usersService from "../services/UsersService";
 
 export default function MyTaskPage() {
 
-    const userApi = new usersService();
-    const activeJobList  = userApi.getActiveJobList();
+    // const userApi = new usersService();
+    // const activeJobList  = userApi.getMyJobList();
+    const [ActiveJobList, setActiveJobList] = useState([]);
+    const api = new usersService();
+
+    const getActiveJobList = async () => {
+        try {
+            const res = await api.getActiveJobList();
+            setActiveJobList(res.data);
+        } catch (error) {
+            console.log("Error getting mode");
+        }
+    };
+    useEffect(() => {
+        getActiveJobList();
+    }, []);
+
     //debugger;
     return (
         <>
-            <MyTasks />
+            <MyTasks ActiveJobList={ActiveJobList}/>
         </>
     );
 }