.

src/views/MyJobsPage.jsx

@@ -1,5 +1,5 @@
 //import React from "react";
-import React, { useContext,useState, useEffect } from "react";
+import React, { useContext, useState, useEffect } from "react";
 // import MyTasks from "../components/MyTasks";
 // import UsersService from "../services/UsersService";
 import usersService from "../services/UsersService";
@@ -7,40 +7,37 @@ import MyJobs from "../components/MyJobs";
 import { useSelector } from "react-redux";
 
 export default function MyJobsPage() {
+  const commonHeadData = () => {
+    console.log("COMMON HEAD DATA ----------------=====---------------------");
+    return 0;
+  };
 
-    const commonHeadData =()=>{
-        console.log("COMMON HEAD DATA ----------------=====---------------------");
-        return 0;
+  const { jobListTable } = useSelector((state) => state.tableReload);
+
+  // const userApi = new usersService();
+  // const activeJobList  = userApi.getMyJobList();
+  const [MyJobList, setMyJobList] = useState({ loading: true, data: [] });
+  const api = new usersService();
+
+  const getMyJobList = async () => {
+    setMyJobList({ loading: true, data: [] });
+    try {
+      const res = await api.getMyJobList();
+      setMyJobList({ loading: false, data: res.data });
+      // setMyJobList(res.data);
+    } catch (error) {
+      setMyJobList({ loading: false, data: [] });
+      console.log("Error getting mode");
     }
+  };
+  useEffect(() => {
+    getMyJobList();
+  }, [jobListTable]);
 
-    const {jobListTable} = useSelector((state) => state.tableReload)
-
-    // const userApi = new usersService();
-    // const activeJobList  = userApi.getMyJobList();
-    const [MyJobList, setMyJobList] = useState({loading: true, data:[]});
-    const api = new usersService();
-
-    const getMyJobList = async () => {
-        setMyJobList({loading: true, data:[]})
-        try {
-            const res = await api.getMyJobList();
-            setMyJobList({loading: false, data:res.data})
-            // setMyJobList(res.data);
-        } catch (error) {
-            setMyJobList({loading: false, data:[]})
-            console.log("Error getting mode");
-        }
-    };
-    useEffect(() => {
-        getMyJobList();
-    }, [jobListTable]);
-
-   // debugger;
-    return (
-        <>
-            <MyJobs
-                MyJobList={MyJobList}
-                commonHeadData={commonHeadData} />
-        </>
-    );
+  // debugger;
+  return (
+    <>
+      <MyJobs MyJobList={MyJobList} commonHeadData={commonHeadData} />
+    </>
+  );
 }