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

2023-05-19 14:44:14 +01:00
parent 9bbf5db544
commit e59ba567e7
7 changed files with 69 additions and 16 deletions
@@ -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(()=>{