From 4d3ab9ce39ad9d94e3671cd6934f289441df76d3 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 5 Aug 2024 22:05:20 +0200
Subject: [PATCH] Display correct profile filter when none is chosen yet

---
 .../learningPathPage/LearningPathProfileFilter.vue          | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue b/client/src/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue
index 4dce5785..675c5715 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
+import { COURSE_PROFILE_ALL_FILTER } from "@/constants";
 import type { DropdownSelectable } from "@/types";
 import { useTranslation } from "i18next-vue";
 import { computed } from "vue";
@@ -21,7 +22,10 @@ const selectedItem = computed(() => {
   if (props.selected) {
     return { id: props.selected || "", name: t(`profile.${props.selected}`) };
   }
-  return { id: "", name: "" };
+  return {
+    id: COURSE_PROFILE_ALL_FILTER,
+    name: t(`profile.${COURSE_PROFILE_ALL_FILTER}`),
+  };
 });
 
 const updateFilter = (e: DropdownSelectable) => {