From f44b8fd5545156e38fdc8017284329bb2ca3701c Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Tue, 22 Apr 2025 12:18:52 +0200
Subject: [PATCH] fix: assignment verwijderen

---
 frontend/src/queries/assignments.ts           |  2 +-
 .../src/views/assignments/UserAssignments.vue | 19 +++++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/src/queries/assignments.ts b/frontend/src/queries/assignments.ts
index b5054b58..2bb0a929 100644
--- a/frontend/src/queries/assignments.ts
+++ b/frontend/src/queries/assignments.ts
@@ -146,7 +146,7 @@ export function useDeleteAssignmentMutation(): UseMutationReturnType<
 
             await invalidateAllAssignmentKeys(queryClient, cid, an);
             await invalidateAllGroupKeys(queryClient, cid, an);
-            await invalidateAllSubmissionKeys(queryClient, cid, an);
+            await invalidateAllSubmissionKeys(queryClient, undefined, undefined, undefined, cid, an);
         },
     });
 }
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 031b7543..779a8c06 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { ref, computed, onMounted } from "vue";
+import {ref, computed, onMounted, watch} from "vue";
     import { useI18n } from "vue-i18n";
     import { useRouter } from "vue-router";
     import auth from "@/services/auth/auth-service.ts";
@@ -8,7 +8,7 @@
     import { ClassController } from "@/controllers/classes.ts";
     import type { ClassDTO } from "@dwengo-1/common/interfaces/class";
     import { asyncComputed } from "@vueuse/core";
-    import { useDeleteAssignmentMutation } from "@/queries/assignments.ts";
+    import {useCreateAssignmentMutation, useDeleteAssignmentMutation} from "@/queries/assignments.ts";
 
     const { t } = useI18n();
     const router = useRouter();
@@ -60,14 +60,17 @@
         await router.push(`/assignment/${clsId}/${id}`);
     }
 
-    const { mutate } = useDeleteAssignmentMutation();
+    const { mutate, data, isSuccess } = useDeleteAssignmentMutation();
+
+    watch([isSuccess, data], async ([success, oldData]) => {
+        if (success && oldData?.assignment) {
+            window.location.reload();
+        }
+    });
 
     async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
-        mutate({
-            cid: clsId,
-            an: num,
-        });
-        window.location.reload();
+        mutate({ cid: clsId, an: num });
+        window.location.reload(); // Remove later when isSuccess works
     }
 
     onMounted(async () => {