From 46b5ada14c7cf47934cea688807ce6bf4b5e4f8c Mon Sep 17 00:00:00 2001
From: Elia Bieri <elia.bieri@iterativ.ch>
Date: Wed, 25 Sep 2024 13:27:32 +0200
Subject: [PATCH] Minor refactor

---
 client/src/components/header/AccountMenuContent.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/header/AccountMenuContent.vue b/client/src/components/header/AccountMenuContent.vue
index c70f966b..7f38ea98 100644
--- a/client/src/components/header/AccountMenuContent.vue
+++ b/client/src/components/header/AccountMenuContent.vue
@@ -3,6 +3,7 @@ import CourseSessionsMenu from "@/components/header/CourseSessionsMenu.vue";
 import type { User } from "@/stores/user";
 import type { CourseSession } from "@/types";
 import { useRouteLookups } from "@/utils/route";
+import { computed } from "vue";
 import { useRouter } from "vue-router";
 
 const props = defineProps<{
@@ -16,6 +17,8 @@ const emit = defineEmits(["selectCourseSession", "logout", "close"]);
 const router = useRouter();
 const { inCourse } = useRouteLookups();
 
+const showCourseSessionMenu = computed(() => inCourse() && props.courseSessions.length);
+
 async function navigate(routeName: string) {
   await router.push({ name: routeName });
   emit("close");
@@ -43,7 +46,7 @@ async function navigate(routeName: string) {
       </div>
     </div>
 
-    <div v-if="props.courseSessions.length && inCourse()" class="border-b py-4">
+    <div v-if="showCourseSessionMenu" class="border-b py-4">
       <CourseSessionsMenu
         :items="courseSessions"
         :selected="selectedCourseSession"