unreliable fe job removal after deletion api call

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedJobChart.tsx

@@ -409,7 +409,12 @@ export default class ExpandedJobChart extends Component<PropsType, StateType> {
         }
         return (
           <TabWrapper>
-            <JobList jobs={this.state.jobs} />
+            <JobList 
+              jobs={this.state.jobs} 
+              setJobs={(jobs: any) => {
+                this.setState({ jobs })
+              }}
+            />
             <SaveButton
               text="Rerun Job"
               onClick={() => this.handleSaveValues(submitValues)}

dashboard/src/main/home/cluster-dashboard/expanded-chart/jobs/JobList.tsx

@@ -9,6 +9,7 @@ import ConfirmOverlay from "components/ConfirmOverlay";
 
 type PropsType = {
   jobs: any[];
+  setJobs: (job: any) => void;
 };
 
 type StateType = {
@@ -62,7 +63,10 @@ export default class JobList extends Component<PropsType, StateType> {
         }
       )
       .then((res) => {
-        this.setState({ deletionCandidate: null })
+        let jobs = this.props.jobs.slice();
+        jobs = jobs.filter(job => job.metadata?.name !== this.state.deletionCandidate.metadata?.name);
+        this.props.setJobs(jobs);
+        this.setState({ deletionCandidate: null });
       })
       .catch((err) => {
         let parsedErr =