From 72c9fe8c9e9122d3d15b82eeb3d2188292565219 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Sun, 27 Oct 2024 20:09:48 +0100
Subject: [PATCH] Update mobile menu

---
 client/src/components/header/MobileMenu.vue | 42 ++++++++++++++-------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index b70345bc..8c81cbe1 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -129,17 +129,6 @@ const mentorTabTitle = computed(() =>
                 </router-link>
               </li>
 
-              <li v-if="hasMediaLibraryMenu" class="mb-2 flex">
-                <router-link
-                  data-cy="medialibrary-link"
-                  class="w-full px-4 py-2"
-                  active-class="bg-gray-200 text-blue-900 font-bold"
-                  :to="getMediaCenterUrl(courseSession.course.slug)"
-                  @click="$emit('closemodal')"
-                >
-                  {{ $t("a.Mediathek") }}
-                </router-link>
-              </li>
               <li
                 v-if="isVVLearningMentor(courseSessionsStore.currentCourseSession)"
                 class="mb-6"
@@ -155,11 +144,38 @@ const mentorTabTitle = computed(() =>
           </div>
           <div class="mt-6 border-b">
             <ul>
-              <li class="mb-6">
-                <button data-cy="dashboard-link" @click="clickLink('/')">myVBV</button>
+              <li v-if="courseSession && hasMediaLibraryMenu" class="mb-6 flex">
+                <router-link
+                  data-cy="medialibrary-link"
+                  class="flex w-full items-center gap-2 px-4 py-2"
+                  active-class="bg-gray-200 text-blue-900 font-bold"
+                  :to="getMediaCenterUrl(courseSession.course.slug)"
+                  @click="$emit('closemodal')"
+                >
+                  <it-icon-media-library />
+                  {{ $t("a.Mediathek") }}
+                </router-link>
+              </li>
+              <li v-if="courseSession && hasMediaLibraryMenu" class="mb-6 flex">
+                <router-link
+                  data-cy="calendar-link"
+                  class="flex w-full items-center gap-2 px-4 py-2"
+                  active-class="bg-gray-200 text-blue-900 font-bold"
+                  :to="'/'"
+                  @click="$emit('closemodal')"
+                >
+                  <!-- todo: correct route -->
+                  <it-icon-calendar-light />
+                  {{ $t("a.Termine") }}
+                </router-link>
               </li>
             </ul>
           </div>
+          <button v-if="user?.loggedIn" type="button" class="mt-6 flex items-center">
+            <!-- todo: correct action / route -->
+            <it-icon-settings class="inline-block" />
+            <span class="ml-1">{{ $t("a.Einstellungen") }}</span>
+          </button>
           <button
             v-if="user?.loggedIn"
             type="button"