ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merged in fix/learning-path (pull request #329) 

Show loading spinner
This commit is contained in:
Christian Cueni 2024-05-14 10:49:01 +00:00
parent 621296b9b1 5cbd63d70c
commit 93a5cba262
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
View File

@ -4,6 +4,7 @@ import LearningPathScrollButton from "@/pages/learningPath/learningPathPage/Lear
import { useScroll } from "@vueuse/core"; import { useScroll } from "@vueuse/core";
import { ref } from "vue"; import { ref } from "vue";
import type { LearningContentWithCompletion, LearningPathType } from "@/types"; import type { LearningContentWithCompletion, LearningPathType } from "@/types";
import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
const props = defineProps<{ const props = defineProps<{
learningPath: LearningPathType | undefined; learningPath: LearningPathType | undefined;
@ -35,7 +36,10 @@ const scrollLearnPathDiagram = (offset: number) => {
</script> </script>
<template> <template>
<div class="relative flex flex-row items-center"> <div v-if="!props.learningPath" class="m-8 flex justify-center">
<LoadingSpinner />
</div>
<div v-else class="relative flex flex-row items-center">
<LearningPathScrollButton <LearningPathScrollButton
v-show="!arrivedState.left" v-show="!arrivedState.left"
direction="left" direction="left"