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";
-
- {{ t("accept") }}
+
+ {{ t("accept") }}
-
- {{ t("reject") }}
-
+
+ {{ t("reject") }}
+
-
-
+
+
-
|
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;
}