made Job List Table to reload when user deletes or edits job

src/views/MyJobsPage.jsx

@@ -4,25 +4,31 @@ import React, { useContext,useState, useEffect } from "react";
 // import UsersService from "../services/UsersService";
 import usersService from "../services/UsersService";
 import MyJobs from "../components/MyJobs";
+import { useSelector } from "react-redux";
 
 export default function MyJobsPage() {
 
+    const {jobListTable} = useSelector((state) => state.tableReload)
+
     // const userApi = new usersService();
     // const activeJobList  = userApi.getMyJobList();
-    const [MyJobList, setMyJobList] = useState([]);
+    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(res.data);
+            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 (