Minor refactor
This commit is contained in:
parent
fd9f2162c5
commit
46b5ada14c
|
|
@ -3,6 +3,7 @@ import CourseSessionsMenu from "@/components/header/CourseSessionsMenu.vue";
|
||||||
import type { User } from "@/stores/user";
|
import type { User } from "@/stores/user";
|
||||||
import type { CourseSession } from "@/types";
|
import type { CourseSession } from "@/types";
|
||||||
import { useRouteLookups } from "@/utils/route";
|
import { useRouteLookups } from "@/utils/route";
|
||||||
|
import { computed } from "vue";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
|
|
@ -16,6 +17,8 @@ const emit = defineEmits(["selectCourseSession", "logout", "close"]);
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const { inCourse } = useRouteLookups();
|
const { inCourse } = useRouteLookups();
|
||||||
|
|
||||||
|
const showCourseSessionMenu = computed(() => inCourse() && props.courseSessions.length);
|
||||||
|
|
||||||
async function navigate(routeName: string) {
|
async function navigate(routeName: string) {
|
||||||
await router.push({ name: routeName });
|
await router.push({ name: routeName });
|
||||||
emit("close");
|
emit("close");
|
||||||
|
|
@ -43,7 +46,7 @@ async function navigate(routeName: string) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="props.courseSessions.length && inCourse()" class="border-b py-4">
|
<div v-if="showCourseSessionMenu" class="border-b py-4">
|
||||||
<CourseSessionsMenu
|
<CourseSessionsMenu
|
||||||
:items="courseSessions"
|
:items="courseSessions"
|
||||||
:selected="selectedCourseSession"
|
:selected="selectedCourseSession"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue