From 3e4df05710b5e9e71180226fd534c6c8609c9d8b Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Sat, 19 Apr 2025 14:45:00 +0200
Subject: [PATCH] style: lint en format

---
 frontend/src/views/classes/SingleClass.vue    | 49 ++++++++++++-------
 frontend/src/views/classes/TeacherClasses.vue |  5 +-
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/frontend/src/views/classes/SingleClass.vue b/frontend/src/views/classes/SingleClass.vue
index c6b12ee9..5cc62043 100644
--- a/frontend/src/views/classes/SingleClass.vue
+++ b/frontend/src/views/classes/SingleClass.vue
@@ -12,7 +12,7 @@
     import { useClassDeleteStudentMutation, useClassQuery, useClassStudentsQuery } from "@/queries/classes";
     import { useCreateTeacherInvitationMutation } from "@/queries/teacher-invitations";
     import type { TeacherInvitationData } from "@dwengo-1/common/interfaces/teacher-invitation";
-import { useDisplay } from "vuetify";
+    import { useDisplay } from "vuetify";
 
     const { t } = useI18n();
 
@@ -153,7 +153,7 @@ import { useDisplay } from "vuetify";
         xl: 1600,
     };
 
-    // logic for small screens
+    // Logic for small screens
     const display = useDisplay();
 
     // Reactive variables to hold custom logic based on breakpoints
@@ -252,27 +252,38 @@ import { useDisplay } from "vuetify";
                                                 </td>
                                                 <td>
                                                     <span v-if="!isSmAndDown && !isMdAndDown">
-                                                    <v-btn
-                                                        @click="handleJoinRequest(jr, true)"
-                                                        class="mr-2"
-                                                        color="green"
-                                                    >
-                                                        {{ t("accept") }}</v-btn
-                                                    >
+                                                        <v-btn
+                                                            @click="handleJoinRequest(jr, true)"
+                                                            class="mr-2"
+                                                            color="green"
+                                                        >
+                                                            {{ t("accept") }}</v-btn
+                                                        >
 
-                                                    <v-btn
-                                                        @click="handleJoinRequest(jr, false)"
-                                                        class="mr-2"
-                                                        color="red"
-                                                    >
-                                                        {{ t("reject") }}
-                                                    </v-btn>
+                                                        <v-btn
+                                                            @click="handleJoinRequest(jr, false)"
+                                                            class="mr-2"
+                                                            color="red"
+                                                        >
+                                                            {{ t("reject") }}
+                                                        </v-btn>
                                                     </span>
                                                     <span v-else>
-                                                        <v-btn @click="handleJoinRequest(jr, true)" icon="mdi-check-circle" class="mr-2" color="green" variant="text"></v-btn>
-                                                        <v-btn @click="handleJoinRequest(jr, false)" icon="mdi-close-circle" class="mr-2" color="red" variant="text"></v-btn>
+                                                        <v-btn
+                                                            @click="handleJoinRequest(jr, true)"
+                                                            icon="mdi-check-circle"
+                                                            class="mr-2"
+                                                            color="green"
+                                                            variant="text"
+                                                        ></v-btn>
+                                                        <v-btn
+                                                            @click="handleJoinRequest(jr, false)"
+                                                            icon="mdi-close-circle"
+                                                            class="mr-2"
+                                                            color="red"
+                                                            variant="text"
+                                                        ></v-btn>
                                                     </span>
-                                                    
                                                 </td>
                                             </tr>
                                         </tbody>
diff --git a/frontend/src/views/classes/TeacherClasses.vue b/frontend/src/views/classes/TeacherClasses.vue
index d29b3b17..3d6c4db9 100644
--- a/frontend/src/views/classes/TeacherClasses.vue
+++ b/frontend/src/views/classes/TeacherClasses.vue
@@ -15,7 +15,6 @@
         useTeacherInvitationsReceivedQuery,
     } from "@/queries/teacher-invitations";
     import { useDisplay } from "vuetify";
-    import { createVuetify } from "vuetify";
 
     const { t } = useI18n();
 
@@ -147,7 +146,7 @@
         xl: 1600,
     };
 
-    // logic for small screens
+    // Logic for small screens
     const display = useDisplay();
 
     // Reactive variables to hold custom logic based on breakpoints
@@ -163,7 +162,7 @@
     // Code display dialog logic
     const viewCodeDialog = ref(false);
     const selectedCode = ref("");
-    function openCodeDialog(codeToView: string) {
+    function openCodeDialog(codeToView: string): void {
         selectedCode.value = codeToView;
         viewCodeDialog.value = true;
     }