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

src/components/jobPopout/DeleteJobPopout.jsx

@@ -3,8 +3,11 @@ import ModalCom from '../Helpers/ModalCom'
 import { useNavigate } from 'react-router-dom'
 import usersService from '../../services/UsersService'
 import LoadingSpinner from '../Spinners/LoadingSpinner'
+import { useDispatch } from 'react-redux'
+import { tableReload } from '../../store/TableReloads'
 
 function DeleteJobPopout({details, onClose, situation}) {
+  let dispatch = useDispatch()
     const navigate = useNavigate()
     const ApiCall = new usersService()
 
@@ -26,10 +29,10 @@ function DeleteJobPopout({details, onClose, situation}) {
             }
             setRequestStatus({laoding: false, status:true, message: 'Job deleted successfully'})
             setTimeout(()=>{
-                navigate('/myjobs', {replace: true})
-                onClose()
-                window.location.reload()
-            }, 1000)
+              dispatch(tableReload({type:'JOBTABLE'}))
+              navigate('/myjobs', {replace: true})
+              onClose()
+          }, 1000)
         }).catch(error => {
             setRequestStatus({laoding: false, status:false, message: 'Opps! something went wrong, try again'})
         }).finally(()=>{

src/components/jobPopout/EditJobPopout.jsx

@@ -7,7 +7,13 @@ import LoadingSpinner from "../Spinners/LoadingSpinner";
 import usersService from "../../services/UsersService";
 import { useNavigate } from "react-router-dom";
 
+import { tableReload } from "../../store/TableReloads";
+import { useDispatch } from "react-redux";
+
 const EditJobPopOut = ({ details, onClose, situation, country }) => {
+
+  const dispatch = useDispatch()
+
   let [requestStatus, setRequestStatus] = useState({
     loading: false,
     status: false,
@@ -68,6 +74,7 @@ const EditJobPopOut = ({ details, onClose, situation, country }) => {
         if (data?.internal_return < 0) return;
         setRequestStatus({ loading: false, message: null });
         setTimeout(() => {
+          dispatch(tableReload({type:'JOBTABLE'}))
           navigate("/myjobs", { replace: true });
           onClose();
         }, 1000);