From 85edb8feb5b99faede848507acc5a2f960c3f495 Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Mon, 21 Apr 2025 11:52:32 +0200
Subject: [PATCH] fix: redirect doen als een assignment is aangemaakt, idem
 voor delete

---
 frontend/src/views/assignments/CreateAssignment.vue  | 9 +++++++--
 frontend/src/views/assignments/TeacherAssignment.vue | 9 ++++++---
 frontend/src/views/assignments/UserAssignments.vue   | 8 ++++++--
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index bc114392..810fcccb 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -65,6 +65,13 @@
 
     const { mutate, data, isSuccess } = useCreateAssignmentMutation();
 
+    watch([isSuccess, data], async ([success, newData]) => {
+        if (success && newData?.assignment) {
+            await router.push(`/assignment/${newData.assignment.within}/${newData.assignment.id}`);
+        }
+    });
+
+
     async function submitFormHandler(): Promise<void> {
         const { valid } = await form.value.validate();
         if (!valid) return;
@@ -80,8 +87,6 @@
         };
 
         mutate({ cid: assignmentDTO.within, data: assignmentDTO });
-        if (isSuccess)
-            await router.push(`/assignment/class/${data.value?.assignment.within}/${data.value?.assignment.id}`);
     }
 </script>
 
diff --git a/frontend/src/views/assignments/TeacherAssignment.vue b/frontend/src/views/assignments/TeacherAssignment.vue
index 87f98b0f..1be41457 100644
--- a/frontend/src/views/assignments/TeacherAssignment.vue
+++ b/frontend/src/views/assignments/TeacherAssignment.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { computed, type Ref, ref } from "vue";
+import {computed, type Ref, ref, watch} from "vue";
     import { useI18n } from "vue-i18n";
     import { useAssignmentQuery, useDeleteAssignmentMutation } from "@/queries/assignments.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
@@ -72,14 +72,17 @@ Const {groupProgressMap} = props.useGroupsWithProgress(
     ]);
 
     const { mutate, isSuccess } = useDeleteAssignmentMutation();
+    watch(isSuccess, async (success) => {
+        if (success) {
+            await router.push("/user/assignment");
+        }
+    });
 
     async function deleteAssignment(num: number, clsId: string): Promise<void> {
         mutate({
             cid: clsId,
             an: num,
         });
-
-        if (isSuccess) await router.push("/user/assignments");
     }
 </script>
 
diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index eef543f9..d6bddc6d 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";
@@ -61,6 +61,11 @@
     }
 
     const { mutate, isSuccess } = useDeleteAssignmentMutation();
+    watch(isSuccess, async (success) => {
+        if (success) {
+            await router.push("/user/assignment");
+        }
+    });
 
     async function goToDeleteAssignment(num: number, clsId: string): Promise<void> {
         mutate({
@@ -68,7 +73,6 @@
             an: num,
         });
 
-        if (isSuccess) await router.push("/user/assignment");
     }
 
     onMounted(async () => {