From 38d753de42c7bcc1a9b27218d07bcef7c4838122 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Wed, 17 May 2023 11:59:49 +0200
Subject: [PATCH] Add "media library" navigation link

---
 client/src/components/header/MainNavigationBar.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/src/components/header/MainNavigationBar.vue b/client/src/components/header/MainNavigationBar.vue
index 8cf5be42..84bb2ef2 100644
--- a/client/src/components/header/MainNavigationBar.vue
+++ b/client/src/components/header/MainNavigationBar.vue
@@ -21,7 +21,8 @@ const breakpoints = useBreakpoints(breakpointsTailwind);
 const userStore = useUserStore();
 const courseSessionsStore = useCourseSessionsStore();
 const notificationsStore = useNotificationsStore();
-const { inCockpit, inCompetenceProfile, inCourse, inLearningPath } = useRouteLookups();
+const { inCockpit, inCompetenceProfile, inCourse, inLearningPath, inMediaLibrary } =
+  useRouteLookups();
 
 const { t } = useI18n();
 const state = reactive({
@@ -135,6 +136,15 @@ onMounted(() => {
             </div>
 
             <div class="flex items-stretch justify-start space-x-8">
+              <router-link
+                v-if="inCourse() && courseSessionsStore.currentCourseSession"
+                :to="courseSessionsStore.currentCourseSession.media_library_url"
+                class="nav-item"
+                :class="{ 'nav-item--active': inMediaLibrary() }"
+              >
+                <it-icon-media-library class="h-8 w-8" />
+              </router-link>
+
               <!-- Notification Bell & Menu -->
               <div v-if="userStore.loggedIn" class="nav-item leading-none">
                 <NotificationPopover>