From 95a0e0f1a788ca284e3a2357907905a9912c49cb Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Thu, 18 Aug 2022 09:13:29 +0200
Subject: [PATCH] Fix main navigation bar issues

---
 client/src/components/MainNavigationBar.vue | 3 ++-
 client/src/components/MobileMenu.vue        | 6 +++---
 client/src/views/CircleView.vue             | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/MainNavigationBar.vue b/client/src/components/MainNavigationBar.vue
index ffa0ebd0..d725dfd0 100644
--- a/client/src/components/MainNavigationBar.vue
+++ b/client/src/components/MainNavigationBar.vue
@@ -139,6 +139,7 @@ const profileDropdownData = [
 
             <div class="flex items-center lg:hidden">
               <router-link
+                v-if="userStore.loggedIn"
                 to="/messages"
                 class="nav-item flex flex-row items-center"
               >
@@ -164,7 +165,7 @@ const profileDropdownData = [
 
           <!-- Mobile Menu open: "block", Menu closed: "hidden" -->
           <div
-            v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn "
+            v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn"
             :class="state.showMenu ? 'flex' : 'hidden'"
             class="
               flex-auto
diff --git a/client/src/components/MobileMenu.vue b/client/src/components/MobileMenu.vue
index 210cff55..f8f21bb4 100644
--- a/client/src/components/MobileMenu.vue
+++ b/client/src/components/MobileMenu.vue
@@ -42,7 +42,7 @@ const clickLink = (to: string) => {
             <h3>{{user.first_name}} {{user.last_name}}</h3>
               <button
                 @click="clickLink('/profile')"
-                class="mt-2 inline-block items-center">
+                class="mt-2 inline-block flex items-center">
                 <IconSettings class="inline-block" /><span class="ml-3">Kontoeinstellungen</span>
               </button>
           </div>
@@ -54,7 +54,7 @@ const clickLink = (to: string) => {
           v-if="learningPathName">
           <h4 class="text-gray-900 text-sm">Kurs: {{learningPathName}}</h4>
           <ul class="mt-6">
-            <li><button @click="clickLink('/learningpath')">Lernpfad</button></li>
+            <li><button @click="clickLink(`/learningpath/${learningPathSlug}`)">Lernpfad</button></li>
             <li class="mt-6">Kompetenzprofil</li>
           </ul>
         </div>
@@ -64,7 +64,7 @@ const clickLink = (to: string) => {
             <li class="mt-6">Mediathek</li>
           </ul>
         </div>
-        <div class="mt-6 items-center">
+        <div class="mt-6 items-center flex">
           <IconLogout class="inline-block" /><span class="ml-1">Abmelden</span>
         </div>
       </div>
diff --git a/client/src/views/CircleView.vue b/client/src/views/CircleView.vue
index 31f708e7..5c924b4d 100644
--- a/client/src/views/CircleView.vue
+++ b/client/src/views/CircleView.vue
@@ -49,7 +49,7 @@ onMounted(async () => {
               class="btn-text inline-flex items-center px-3 py-4 font-normal"
             >
               <it-icon-arrow-left class="-ml-1 mr-1 h-5 w-5"></it-icon-arrow-left>
-              <span class="hidden lg:inline">zurück zum Lernpfad</span>
+              <span class="inline">zurück zum Lernpfad</span>
             </router-link>
 
             <h1 class="text-blue-dark text-7xl">