fix: error melding

frontend/src/views/classes/ClassDisplay.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { useClassQuery } from '@/queries/classes';
+import { defineProps } from 'vue';
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+
+const props = defineProps({
+    classId: String,
+});
+
+const classQuery = useClassQuery(props.classId);
+</script>
+
+<template>
+    <using-query-result :query-result="classQuery" v-slot="{ data: classResponse }">
+        <span>{{ classResponse?.class.displayName}}</span>
+    </using-query-result>
+</template>
+
+

frontend/src/views/classes/SingleClass.vue

@@ -76,7 +76,7 @@
                 },
                 onError: (e) => {
                     dialog.value = false;
-                    showSnackbar(t("failed") + ": " + e.message, "error");
+                    showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
                 },
             },
         );
@@ -104,7 +104,7 @@
                     }
                 },
                 onError: (e) => {
-                    showSnackbar(t("failed") + ": " + e.message, "error");
+                    showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
                 },
             },
         );
@@ -125,7 +125,9 @@
                 usernameTeacher.value = "";
             },
             onError: (e) => {
-                showSnackbar(t("failed") + ": " + e.message, "error");
+                console.log("error", e)
+                console.log(e.response.data.error)
+                showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
             },
         });
     }

frontend/src/views/classes/StudentClasses.vue

@@ -99,7 +99,7 @@
                         showSnackbar(t("sent"), "success");
                     },
                     onError: (e) => {
-                        showSnackbar(t("failed") + ": " + e.message, "error");
+                        showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
                     },
                 },
             );

frontend/src/views/classes/TeacherClasses.vue

@@ -15,6 +15,7 @@
         useTeacherInvitationsReceivedQuery,
     } from "@/queries/teacher-invitations";
     import { useDisplay } from "vuetify";
+    import ClassDisplay from "@/views/classes/ClassDisplay.vue";
 
     const { t } = useI18n();
 
@@ -40,7 +41,6 @@
 
     // Fetch all classes of the logged in teacher
     const classesQuery = useTeacherClassesQuery(username, true);
-    const allClassesQuery = useClassesQuery();
     const { mutate } = useCreateClassMutation();
     const getInvitationsQuery = useTeacherInvitationsReceivedQuery(username);
     const { mutate: respondToInvitation } = useRespondTeacherInvitationMutation();
@@ -69,7 +69,7 @@
                 await getInvitationsQuery.refetch();
             },
             onError: (e) => {
-                showSnackbar(t("failed") + ": " + e.message, "error");
+                showSnackbar(t("failed") + ": " + e.response.data.error || e.message, "error");
             },
         });
     }
@@ -337,21 +337,13 @@
                         <using-query-result
                             :query-result="getInvitationsQuery"
                             v-slot="invitationsResponse: { data: TeacherInvitationsResponse }"
-                        >
-                            <using-query-result
-                                :query-result="allClassesQuery"
-                                v-slot="classesResponse: { data: ClassesResponse }"
                         >
                             <tr
                                 v-for="i in invitationsResponse.data.invitations as TeacherInvitationDTO[]"
                                 :key="i.classId"
                             >
                                 <td>
-                                        {{
+                                    <ClassDisplay :classId="i.classId" />
-                                            (classesResponse.data.classes as ClassDTO[]).filter(
-                                                (c) => c.id == i.classId,
-                                            )[0].displayName
-                                        }}
                                 </td>
                                 <td>
                                     {{
@@ -398,7 +390,6 @@
                                 </td>
                             </tr>
                         </using-query-result>
-                        </using-query-result>
                     </tbody>
                 </v-table>
             </v-container>