From 8e50bdef2104047e2706d5c3987b2889b5c34705 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Tue, 20 May 2025 00:13:24 +0200
Subject: [PATCH] fix: questions worden meteen herladen bij aanmaken nieuwe
 question zodat deze meteen getoond wordt

---
 frontend/src/components/QuestionBox.vue                | 5 ++++-
 frontend/src/controllers/questions.ts                  | 1 +
 frontend/src/views/learning-paths/LearningPathPage.vue | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index aac5955f..13bb1536 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import authService from "@/services/auth/auth-service.ts";
     import { Language } from "@/data-objects/language.ts";
-    import { computed, type ComputedRef, ref } from "vue";
+    import { computed, type ComputedRef, onUpdated, ref } from "vue";
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
     import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students.ts";
     import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
@@ -24,6 +24,8 @@
 
     const { t } = useI18n();
 
+    const emit = defineEmits(["updated"]);
+
     const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
         authService.authState.user?.profile.preferred_username,
     );
@@ -87,6 +89,7 @@
                 onSuccess: async () => {
                     questionInput.value = ""; // Clear the input field after submission
                     await getQuestionsQuery.refetch(); // Reload the questions
+                    emit("updated");
                 },
                 onError: (_) => {
                     // TODO Handle error
diff --git a/frontend/src/controllers/questions.ts b/frontend/src/controllers/questions.ts
index fb4149f4..5a39e98d 100644
--- a/frontend/src/controllers/questions.ts
+++ b/frontend/src/controllers/questions.ts
@@ -28,6 +28,7 @@ export class QuestionController extends BaseController {
     }
 
     async getAll(full = true): Promise<QuestionsResponse> {
+        console.log("AAAAAAAAAAAAAAAAAAAAAAAAAa");
         return this.get<QuestionsResponse>("/", { lang: this.loId.language, full });
     }
 
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index cdf51703..746a42f9 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -105,6 +105,10 @@
         );
     }
 
+    function refetchQuestions() {
+        getQuestionsQuery.refetch();
+    }
+
     const navigationDrawerShown = ref(true);
 
     function isLearningObjectCompleted(learningObject: LearningObject): boolean {
@@ -354,6 +358,7 @@
                 :language="props.language"
                 :learningObjectHruid="props.learningObjectHruid"
                 :forGroup="forGroup"
+                @updated="refetchQuestions"
             />
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>