fix: mobile menu

client/src/components/header/MainNavigationBar.vue

@@ -116,7 +116,9 @@ const hasMentorManagementMenu = computed(() => {
         v-if="userStore.loggedIn"
         :show="state.showMobileNavigationMenu"
         :course-session="courseSessionsStore.currentCourseSession"
-        :has-media-library="hasMediaLibraryMenu"
+        :has-media-library-menu="hasMediaLibraryMenu"
+        :has-cockpit-menu="hasCockpitMenu"
+        :has-preview-menu="hasPreviewMenu"
         :media-url="
           getMediaCenterUrl(courseSessionsStore.currentCourseSession?.course?.slug)
         "

client/src/components/header/MobileMenu.vue

@@ -15,7 +15,9 @@ const router = useRouter();
 
 defineProps<{
   show: boolean;
-  hasMediaLibrary: boolean;
+  hasMediaLibraryMenu: boolean;
+  hasPreviewMenu: boolean;
+  hasCockpitMenu: boolean;
   courseSession: CourseSession | undefined;
   mediaUrl?: string;
   user: UserState | undefined;
@@ -63,7 +65,7 @@ const courseSessionsStore = useCourseSessionsStore();
             <h4 class="text-sm text-gray-900">{{ courseSession.course.title }}</h4>
             <ul class="mt-6">
               <template v-if="courseSessionsStore.currentCourseSessionHasCockpit">
-                <li class="mb-6">
+                <li v-if="hasCockpitMenu" class="mb-6">
                   <button
                     data-cy="navigation-mobile-cockpit-link"
                     @click="clickLink(getCockpitUrl(courseSession.course.slug))"
@@ -71,7 +73,7 @@ const courseSessionsStore = useCourseSessionsStore();
                     {{ $t("cockpit.title") }}
                   </button>
                 </li>
-                <li class="mb-6">
+                <li v-if="hasPreviewMenu" class="mb-6">
                   <button
                     data-cy="navigation-mobile-preview-link"
                     @click="clickLink(getLearningPathUrl(courseSession.course.slug))"
@@ -98,7 +100,7 @@ const courseSessionsStore = useCourseSessionsStore();
                   </button>
                 </li>
               </template>
-              <li v-if="hasMediaLibrary" class="mb-6">
+              <li v-if="hasMediaLibraryMenu" class="mb-6">
                 <button
                   data-cy="medialibrary-link"
                   @click="clickLink(getMediaCenterUrl(courseSession.course.slug))"
@@ -111,9 +113,7 @@ const courseSessionsStore = useCourseSessionsStore();
           <div class="mt-6 border-b">
             <ul>
               <li class="mb-6">
-                <button data-cy="medialibrary-link" @click="clickLink('/')">
-                  myVBV
-                </button>
+                <button data-cy="dashboard-link" @click="clickLink('/')">myVBV</button>
               </li>
             </ul>
           </div>

client/src/components/learningPath/assignment/PraxisAssignmentSubmit.vue

@@ -75,9 +75,9 @@ const onSubmit = async () => {
       <div>
         <select v-model="selectedLearningMentor">
           <option
-            :value="learningMentor.mentor.id"
             v-for="learningMentor in learningMentors"
             :key="learningMentor.id"
+            :value="learningMentor.mentor.id"
           >
             {{ learningMentor.mentor.first_name }} {{ learningMentor.mentor.last_name }}
           </option>