Merge pull request #5463 from SDU-eScience/issue-5146-jobstate

Fixes #5146

Author: DanThrane

frontend-web/webclient/app/Applications/Jobs/View.tsx

@@ -313,7 +313,15 @@ export function View(props: {id?: string; embedded?: boolean;}): React.ReactNode
         usePage(`Job ${shortUUID(id)}`, SidebarTabId.RUNS);
     }
 
+    const [dataAnimationAllowed, setDataAnimationAllowed] = useState<boolean>(false);
+    const [status, setStatus] = useState<JobStatus | null>(null);
+    const jobUpdateState = useRef<JobUpdates>({updateQueue: [], logQueue: [], statusQueue: [], subscriptions: []});
+    const didUnmount = useDidUnmount();
+
     useEffect(() => {
+        setStatus(null);
+        setDataAnimationAllowed(false);
+        jobUpdateState.current = {updateQueue: [], logQueue: [], statusQueue: [], subscriptions: []};
         fetchJob(JobsApi.retrieve({
             id,
             includeApplication: true,
@@ -322,11 +330,6 @@ export function View(props: {id?: string; embedded?: boolean;}): React.ReactNode
         }));
     }, [id]);
 
-    const [dataAnimationAllowed, setDataAnimationAllowed] = useState<boolean>(false);
-    const [status, setStatus] = useState<JobStatus | null>(null);
-    const jobUpdateState = useRef<JobUpdates>({updateQueue: [], logQueue: [], statusQueue: [], subscriptions: []});
-    const didUnmount = useDidUnmount();
-
     const targetRequests = useMemo(() => {
         if (!job) return {requestsToMake: [], fixedTargets: []};
         return findTargetRequests(job);