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] 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>