From c693367ed232f08dc034cafff82dd04d7b216b06 Mon Sep 17 00:00:00 2001
From: Robert Basti <robert.basti@tietoevry.com>
Date: Wed, 18 Dec 2024 14:25:49 +0100
Subject: [PATCH] =?UTF-8?q?Progress=20stuck=20after=20cancelling=20a=20job?=
 =?UTF-8?q?=20within=20the=20modal=F0=9F=90=9B=20#2633?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Src/WitsmlExplorer.Frontend/components/Modals/ReportModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/Src/WitsmlExplorer.Frontend/components/Modals/ReportModal.tsx b/Src/WitsmlExplorer.Frontend/components/Modals/ReportModal.tsx
index e9332b241..9cea1b427 100644
--- a/Src/WitsmlExplorer.Frontend/components/Modals/ReportModal.tsx
+++ b/Src/WitsmlExplorer.Frontend/components/Modals/ReportModal.tsx
@@ -86,9 +86,9 @@ export const ReportModal = (props: ReportModal): React.ReactElement => {
   );
 
   const cancelJob = async (jobId: string) => {
+    await JobService.cancelJob(jobId);
     dispatchOperation({ type: OperationType.HideContextMenu });
     dispatchOperation({ type: OperationType.HideModal });
-    await JobService.cancelJob(jobId);
   };
 
   const onClickCancel = async () => {
@@ -99,6 +99,7 @@ export const ReportModal = (props: ReportModal): React.ReactElement => {
           <Typography>Do you really want to cancel this job?</Typography>
         }
         onConfirm={() => {
+          dispatchOperation({ type: OperationType.HideModal });
           cancelJob(jobId);
         }}
         confirmColor={"danger"}