From 3ffb0678593eed4f71b382f31a970c6d574e4b8e Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Thu, 27 Feb 2025 17:12:57 +0100
Subject: [PATCH 01/10] feat(frontend): basis van de menubar aangemaakt bij
 menubar-component

---
 frontend/src/components/MenuBar.vue | 71 ++++++++++++++++++++++++++++-
 1 file changed, 70 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 73336fa3..1d956ef0 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -1,11 +1,80 @@
 <script setup lang="ts">
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+import dwengo_logo from "../../../assets/img/dwengo-groen-zwart.svg";
 
+const route = useRoute();
+const teacher = computed(() => route.path.includes("teacher"));
+const id = computed(() => route.params.id as string);
 </script>
 
 <template>
-<main></main>
+<main>
+  <div class="menu-bar">
+    <nav>
+      <ul>
+        <li class="img_with_text">
+          <router-link :to="`/student/${id}/home`">
+            <div>
+              <img :src="dwengo_logo"/>
+              <p class="caption"><span>{{ teacher ? "teacher" : "student" }}</span></p>
+            </div>
+          </router-link>
+        </li>
+        <li>
+          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/assignment`">assignments</router-link>
+          <router-link v-else class="link" :to="`/student/${id}/assignment`">assignments</router-link>
+        </li>
+        <li>
+          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/class`">classes</router-link>
+          <router-link v-else class="link" :to="`/student/${id}/class`">classes</router-link>
+        </li>
+        <li>
+          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/discussion`">discussions</router-link>
+          <router-link v-else class="link" :to="`/student/${id}/discussion`">discussions</router-link>
+        </li>
+      </ul>
+    </nav>
+    <router-view />
+    </div>
+</main>
 </template>
 
 <style scoped>
 
+.menu-bar {
+  background: #F6FAF2;
+}
+
+nav ul {
+  display: flex;
+  list-style: none;
+  padding: 1%;
+  gap: 2%;
+}
+
+img {
+  max-width: 20%;
+  height: auto;
+}
+
+.link {
+  color: #0E6942;
+}
+
+nav a.router-link-active {
+  font-weight: bolder;
+}
+
+.img_with_text {
+    text-align: center;
+    display: block;
+}
+
+.caption {
+  color: black;
+  margin-top: -4%;
+}
+
+
 </style>

From 94f36e36c948ae759205b83d1e0f3adf1df0418d Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 10:55:15 +0100
Subject: [PATCH 02/10] feat(frontend): menubar code opgekuist en stijl
 aangepast

---
 frontend/src/components/MenuBar.vue | 151 ++++++++++++++++------------
 1 file changed, 87 insertions(+), 64 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 1d956ef0..f5da8863 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -1,80 +1,103 @@
 <script setup lang="ts">
-import { computed } from "vue";
-import { useRoute } from "vue-router";
-import dwengo_logo from "../../../assets/img/dwengo-groen-zwart.svg";
+    import { computed } from "vue";
+    import { useRoute } from "vue-router";
+    import dwengo_logo from "../../../assets/img/dwengo-groen-zwart.svg";
 
-const route = useRoute();
-const teacher = computed(() => route.path.includes("teacher"));
-const id = computed(() => route.params.id as string);
+    const route = useRoute();
+
+    const isTeacher = route.path.includes("teacher");
+    const role = isTeacher ? "teacher" : "student";
+    const name = "Bob Debouwer"; // TODO: naam opvragen
+
+    const userId = computed(() => route.params.id as string);
 </script>
 
 <template>
-<main>
-  <div class="menu-bar">
-    <nav>
-      <ul>
-        <li class="img_with_text">
-          <router-link :to="`/student/${id}/home`">
-            <div>
-              <img :src="dwengo_logo"/>
-              <p class="caption"><span>{{ teacher ? "teacher" : "student" }}</span></p>
-            </div>
-          </router-link>
-        </li>
-        <li>
-          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/assignment`">assignments</router-link>
-          <router-link v-else class="link" :to="`/student/${id}/assignment`">assignments</router-link>
-        </li>
-        <li>
-          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/class`">classes</router-link>
-          <router-link v-else class="link" :to="`/student/${id}/class`">classes</router-link>
-        </li>
-        <li>
-          <router-link v-if="teacher" class="link" :to="`/teacher/${id}/discussion`">discussions</router-link>
-          <router-link v-else class="link" :to="`/student/${id}/discussion`">discussions</router-link>
-        </li>
-      </ul>
-    </nav>
-    <router-view />
-    </div>
-</main>
+    <main>
+        <nav class="menu">
+            <ul>
+                <li>
+                    <router-link
+                        :to="`/${role}/${userId}`"
+                        class="dwengo_home"
+                    >
+                        <img
+                            class="dwengo_logo"
+                            :src="dwengo_logo"
+                        />
+                        <p class="caption">
+                            {{ role }}
+                        </p>
+                    </router-link>
+                </li>
+                <li>
+                    <router-link
+                        :to="`/${role}/${userId}/assignment`"
+                        class="menu_item"
+                    >
+                        assignments
+                    </router-link>
+                </li>
+                <li>
+                    <router-link
+                        :to="`/${role}/${userId}/class`"
+                        class="menu_item"
+                        >classes</router-link
+                    >
+                </li>
+                <li>
+                    <router-link
+                        :to="`/${role}/${userId}/discussion`"
+                        class="menu_item"
+                        >discussions</router-link
+                    >
+                </li>
+                <li>log out</li>
+                <li class="initials">initials</li>
+            </ul>
+        </nav>
+    </main>
 </template>
 
 <style scoped>
+    .menu {
+        background-color: #f6faf2;
+    }
 
-.menu-bar {
-  background: #F6FAF2;
-}
+    nav ul {
+        display: flex;
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+        gap: 10px;
+        align-items: center;
+    }
 
-nav ul {
-  display: flex;
-  list-style: none;
-  padding: 1%;
-  gap: 2%;
-}
+    li {
+        display: inline;
+        float: left;
+    }
 
-img {
-  max-width: 20%;
-  height: auto;
-}
+    .dwengo_home {
+        text-align: center;
+        text-decoration: none;
+    }
 
-.link {
-  color: #0E6942;
-}
+    .dwengo_logo {
+        width: 150px;
+    }
 
-nav a.router-link-active {
-  font-weight: bolder;
-}
-
-.img_with_text {
-    text-align: center;
-    display: block;
-}
-
-.caption {
-  color: black;
-  margin-top: -4%;
-}
+    .caption {
+        color: black;
+        margin-top: -25px;
+    }
 
+    .menu_item {
+        color: #0e6942;
+        text-decoration: none;
+    }
 
+    nav a.router-link-active {
+        font-weight: bold;
+    }
 </style>

From 5088b02f75ba9da44ff93c635c5c3eaf17bcb411 Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 11:11:20 +0100
Subject: [PATCH 03/10] feat(frontend): add Material Design Icons library for
 UI icons

---
 frontend/src/main.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index bc0c3d42..bfeb3abe 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -5,6 +5,7 @@ import "vuetify/styles";
 import { createVuetify } from "vuetify";
 import * as components from "vuetify/components";
 import * as directives from "vuetify/directives";
+import { aliases, mdi } from 'vuetify/iconsets/mdi'
 
 // Components
 import App from "./App.vue";
@@ -14,6 +15,11 @@ const app = createApp(App);
 
 app.use(router);
 
+const link = document.createElement("link");
+link.rel = "stylesheet";
+link.href = "https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css";
+document.head.appendChild(link);
+
 const vuetify = createVuetify({
     components,
     directives,

From 4009bb2111e3d2894b34307b3a09ee8d793a50e7 Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 12:26:07 +0100
Subject: [PATCH 04/10] feat(frontend): menubalk is volledig af qua stijl en
 items

---
 frontend/src/components/MenuBar.vue | 109 ++++++++++++++++++----------
 1 file changed, 72 insertions(+), 37 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index f5da8863..6f13ddff 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -7,7 +7,11 @@
 
     const isTeacher = route.path.includes("teacher");
     const role = isTeacher ? "teacher" : "student";
-    const name = "Bob Debouwer"; // TODO: naam opvragen
+    const name = "Kurt Cobain"; //TODO: naam opvragen
+    const initials = name
+        .split(" ")
+        .map((n) => n[0])
+        .join("");
 
     const userId = computed(() => route.params.id as string);
 </script>
@@ -15,46 +19,66 @@
 <template>
     <main>
         <nav class="menu">
-            <ul>
+            <div class="left">
+                <ul>
+                    <li>
+                        <router-link
+                            :to="`/${role}/${userId}`"
+                            class="dwengo_home"
+                        >
+                            <img
+                                class="dwengo_logo"
+                                :src="dwengo_logo"
+                            />
+                            <p class="caption">
+                                {{ role }}
+                            </p>
+                        </router-link>
+                    </li>
+                    <li>
+                        <router-link
+                            :to="`/${role}/${userId}/assignment`"
+                            class="menu_item"
+                        >
+                            assignments
+                        </router-link>
+                    </li>
+                    <li>
+                        <router-link
+                            :to="`/${role}/${userId}/class`"
+                            class="menu_item"
+                            >classes</router-link
+                        >
+                    </li>
+                    <li>
+                        <router-link
+                            :to="`/${role}/${userId}/discussion`"
+                            class="menu_item"
+                            >discussions</router-link
+                        >
+                    </li>
+                </ul>
+            </div>
+            <div class="right">
                 <li>
-                    <router-link
-                        :to="`/${role}/${userId}`"
-                        class="dwengo_home"
-                    >
-                        <img
-                            class="dwengo_logo"
-                            :src="dwengo_logo"
-                        />
-                        <p class="caption">
-                            {{ role }}
-                        </p>
+                    <!-- TODO: log out when clicked -->
+                    <router-link :to="`/login`">
+                        <v-icon
+                            icon="mdi-logout"
+                            size="x-large"
+                            color="#0e6942"
+                        ></v-icon>
                     </router-link>
                 </li>
                 <li>
-                    <router-link
-                        :to="`/${role}/${userId}/assignment`"
-                        class="menu_item"
-                    >
-                        assignments
-                    </router-link>
-                </li>
-                <li>
-                    <router-link
-                        :to="`/${role}/${userId}/class`"
-                        class="menu_item"
-                        >classes</router-link
+                    <v-avatar
+                        size="large"
+                        color="#0e6942"
+                        style="font-size: large; font-weight: bold"
+                        >{{ initials }}</v-avatar
                     >
                 </li>
-                <li>
-                    <router-link
-                        :to="`/${role}/${userId}/discussion`"
-                        class="menu_item"
-                        >discussions</router-link
-                    >
-                </li>
-                <li>log out</li>
-                <li class="initials">initials</li>
-            </ul>
+            </div>
         </nav>
     </main>
 </template>
@@ -62,6 +86,17 @@
 <style scoped>
     .menu {
         background-color: #f6faf2;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .right {
+        align-items: center;
+        padding: 10px;
+    }
+
+    .right li {
+        margin-left: 15px;
     }
 
     nav ul {
@@ -69,13 +104,12 @@
         list-style-type: none;
         margin: 0;
         padding: 0;
-        gap: 10px;
+        gap: 15px;
         align-items: center;
     }
 
     li {
         display: inline;
-        float: left;
     }
 
     .dwengo_home {
@@ -95,6 +129,7 @@
     .menu_item {
         color: #0e6942;
         text-decoration: none;
+        font-size: large;
     }
 
     nav a.router-link-active {

From 674b59e0df28ee82ecd9f803e05e9894e7454b1b Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 13:41:20 +0100
Subject: [PATCH 05/10] chore : added comments for better code readability

---
 frontend/src/components/MenuBar.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 6f13ddff..75b7d7e0 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -5,15 +5,17 @@
 
     const route = useRoute();
 
+    // instantiate variables to use in html to render right
+    // links and content dependent on the role (student or teacher)
     const isTeacher = route.path.includes("teacher");
+    const userId = computed(() => route.params.id as string);
+
     const role = isTeacher ? "teacher" : "student";
-    const name = "Kurt Cobain"; //TODO: naam opvragen
+    const name = "Kurt Cobain";
     const initials = name
         .split(" ")
         .map((n) => n[0])
         .join("");
-
-    const userId = computed(() => route.params.id as string);
 </script>
 
 <template>
@@ -61,7 +63,6 @@
             </div>
             <div class="right">
                 <li>
-                    <!-- TODO: log out when clicked -->
                     <router-link :to="`/login`">
                         <v-icon
                             icon="mdi-logout"

From e92744fc921650587ac6ae7a548d49ad47957d7d Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 13:54:06 +0100
Subject: [PATCH 06/10] feat(frontend): tooltip wordt getoond bij logout
 icoontje

---
 frontend/src/components/MenuBar.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 75b7d7e0..e3a7c13a 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -64,11 +64,16 @@
             <div class="right">
                 <li>
                     <router-link :to="`/login`">
-                        <v-icon
-                            icon="mdi-logout"
-                            size="x-large"
-                            color="#0e6942"
-                        ></v-icon>
+                        <v-tooltip text="log out">
+                            <template v-slot:activator="{ props }">
+                                <v-icon
+                                    v-bind="props"
+                                    icon="mdi-logout"
+                                    size="x-large"
+                                    color="#0e6942"
+                                ></v-icon>
+                            </template>
+                        </v-tooltip>
                     </router-link>
                 </li>
                 <li>

From ad726843b4b316d003d7e17b3a6e1c7c842cddb9 Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Fri, 28 Feb 2025 15:02:48 +0100
Subject: [PATCH 07/10] feat(frontend): dropdown menu om te veranderen tussen
 nederlands en engels is in de menubalk geplaatst

---
 frontend/src/components/MenuBar.vue | 40 ++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index e3a7c13a..ea202953 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
     import { computed } from "vue";
     import { useRoute } from "vue-router";
+    import { ref } from "vue";
     import dwengo_logo from "../../../assets/img/dwengo-groen-zwart.svg";
 
     const route = useRoute();
@@ -16,6 +17,14 @@
         .split(" ")
         .map((n) => n[0])
         .join("");
+
+    const languages = ref([
+        { name: "English", code: "en" },
+        { name: "Nederlands", code: "nl" },
+    ]);
+
+    // logic to change the language of the website to the selected language
+    const changeLanguage = (langCode: string) => {};
 </script>
 
 <template>
@@ -59,12 +68,41 @@
                             >discussions</router-link
                         >
                     </li>
+                    <li>
+                        <v-menu open-on-hover>
+                            <template v-slot:activator="{ props }">
+                                <v-btn
+                                    v-bind="props"
+                                    icon
+                                    variant="text"
+                                >
+                                    <v-icon
+                                        icon="mdi-translate"
+                                        size="small"
+                                        color="#0e6942"
+                                    ></v-icon>
+                                </v-btn>
+                            </template>
+                            <v-list>
+                                <v-list-item
+                                    v-for="(language, index) in languages"
+                                    :key="index"
+                                    @click="changeLanguage(language.code)"
+                                >
+                                    <v-list-item-title>{{ language.name }}</v-list-item-title>
+                                </v-list-item>
+                            </v-list>
+                        </v-menu>
+                    </li>
                 </ul>
             </div>
             <div class="right">
                 <li>
                     <router-link :to="`/login`">
-                        <v-tooltip text="log out">
+                        <v-tooltip
+                            text="log out"
+                            location="bottom"
+                        >
                             <template v-slot:activator="{ props }">
                                 <v-icon
                                     v-bind="props"

From e777ed025d8792e7354b0dbd18b4dcd32ff1153c Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Sat, 1 Mar 2025 14:32:13 +0100
Subject: [PATCH 08/10] chore(frontend): code geformatteerd en gelint

---
 frontend/src/components/MenuBar.vue | 50 ++++++++++++++++++++---------
 frontend/src/main.ts                |  1 -
 2 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index ea202953..e5526716 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -1,30 +1,50 @@
 <script setup lang="ts">
-    import { computed } from "vue";
+    import { ref, type Ref } from "vue";
     import { useRoute } from "vue-router";
-    import { ref } from "vue";
-    import dwengo_logo from "../../../assets/img/dwengo-groen-zwart.svg";
+    import dwengoLogo from "../../../assets/img/dwengo-groen-zwart.svg";
 
     const route = useRoute();
 
-    // instantiate variables to use in html to render right
-    // links and content dependent on the role (student or teacher)
-    const isTeacher = route.path.includes("teacher");
-    const userId = computed(() => route.params.id as string);
+    type Language = {
+        name: string;
+        code: string;
+    };
 
-    const role = isTeacher ? "teacher" : "student";
-    const name = "Kurt Cobain";
-    const initials = name
+    declare global {
+        interface Window {
+            userId: string;
+            role: string;
+            name: string;
+            initials: string;
+            languages: Ref<Language[]>;
+            changeLanguage: (langCode: string) => void;
+        }
+    }
+
+    // Instantiate variables to use in html to render right
+    // Links and content dependent on the role (student or teacher)
+    const isTeacher = route.path.includes("teacher");
+
+    window.userId = route.params.id as string;
+
+    window.role = isTeacher ? "teacher" : "student";
+    window.name = "Kurt Cobain";
+    window.initials = window.name
         .split(" ")
-        .map((n) => n[0])
+        .map((n) => {
+            return n[0];
+        })
         .join("");
 
-    const languages = ref([
+    window.languages = ref<Language[]>([
         { name: "English", code: "en" },
         { name: "Nederlands", code: "nl" },
     ]);
 
-    // logic to change the language of the website to the selected language
-    const changeLanguage = (langCode: string) => {};
+    // Logic to change the language of the website to the selected language
+    window.changeLanguage = (langCode: string) => {
+        console.log(langCode);
+    };
 </script>
 
 <template>
@@ -39,7 +59,7 @@
                         >
                             <img
                                 class="dwengo_logo"
-                                :src="dwengo_logo"
+                                :src="dwengoLogo"
                             />
                             <p class="caption">
                                 {{ role }}
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index bfeb3abe..7f6db814 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -5,7 +5,6 @@ import "vuetify/styles";
 import { createVuetify } from "vuetify";
 import * as components from "vuetify/components";
 import * as directives from "vuetify/directives";
-import { aliases, mdi } from 'vuetify/iconsets/mdi'
 
 // Components
 import App from "./App.vue";

From b05d4700b0d6ec1502c97b1e90427a57e42ec047 Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Sat, 1 Mar 2025 14:50:48 +0100
Subject: [PATCH 09/10] fix(frontend): verkeerde oplossing voor linter opgelost
 zodat er geen errors meer zijn in de file

---
 frontend/src/components/MenuBar.vue | 32 ++++++++---------------------
 1 file changed, 9 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index e5526716..61742439 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -1,50 +1,36 @@
 <script setup lang="ts">
-    import { ref, type Ref } from "vue";
+    import { ref } from "vue";
     import { useRoute } from "vue-router";
     import dwengoLogo from "../../../assets/img/dwengo-groen-zwart.svg";
 
     const route = useRoute();
 
-    type Language = {
-        name: string;
-        code: string;
-    };
-
-    declare global {
-        interface Window {
-            userId: string;
-            role: string;
-            name: string;
-            initials: string;
-            languages: Ref<Language[]>;
-            changeLanguage: (langCode: string) => void;
-        }
-    }
-
     // Instantiate variables to use in html to render right
     // Links and content dependent on the role (student or teacher)
     const isTeacher = route.path.includes("teacher");
 
-    window.userId = route.params.id as string;
+    const userId = route.params.id as string;
 
-    window.role = isTeacher ? "teacher" : "student";
-    window.name = "Kurt Cobain";
-    window.initials = window.name
+    const role = isTeacher ? "teacher" : "student";
+    const name = "Kurt Cobain";
+    const initials = name
         .split(" ")
         .map((n) => {
             return n[0];
         })
         .join("");
 
-    window.languages = ref<Language[]>([
+    const languages = ref([
         { name: "English", code: "en" },
         { name: "Nederlands", code: "nl" },
     ]);
 
     // Logic to change the language of the website to the selected language
-    window.changeLanguage = (langCode: string) => {
+    const changeLanguage = (langCode: string) => {
         console.log(langCode);
     };
+
+    console.log(userId, role, initials, languages, changeLanguage);
 </script>
 
 <template>

From 175fb21f23633ceb352557b5a4f7c37bb54fc077 Mon Sep 17 00:00:00 2001
From: Laure Jablonski <laure.jablonski@ugent.be>
Date: Sat, 1 Mar 2025 15:08:55 +0100
Subject: [PATCH 10/10] style(frontend): linter negeren en loggen weer wegdoen

---
 frontend/src/components/MenuBar.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 61742439..fe2b3563 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -29,8 +29,6 @@
     const changeLanguage = (langCode: string) => {
         console.log(langCode);
     };
-
-    console.log(userId, role, initials, languages, changeLanguage);
 </script>
 
 <template>