From 7310f100ce60824157fd95c54f5a02a32b95e780 Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Thu, 19 Oct 2023 09:17:42 +0200
Subject: [PATCH] changed the NoParticipations view to only show up after
 loading is finisched

---
 src/Resources/src/api/getShowParticipations.ts | 4 ++--
 src/Resources/src/views/ParticipantsList.vue   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Resources/src/api/getShowParticipations.ts b/src/Resources/src/api/getShowParticipations.ts
index 653e0762a..c49db6c49 100644
--- a/src/Resources/src/api/getShowParticipations.ts
+++ b/src/Resources/src/api/getShowParticipations.ts
@@ -57,7 +57,7 @@ const participationsState = reactive<IParticipationsState>({
 });
 
 /**
- * State that contains wether the participationsState was successfully loaded, if not an error is set
+ * State that contains wether the participationsState was successfully loaded, if no error is set
  */
 const loadedState = reactive<ILoadedState>({
     loaded: false,
@@ -75,7 +75,7 @@ async function fetchParticipations() {
 
     await request();
     if (listData.value !== null && listData.value !== undefined && error.value === false) {
-        loadedState.error = "";
+        loadedState.error = '';
         participationsState.data = listData.value.data;
         participationsState.day = listData.value.day;
         participationsState.meals = listData.value.meals;
diff --git a/src/Resources/src/views/ParticipantsList.vue b/src/Resources/src/views/ParticipantsList.vue
index edbc47226..8984f73a4 100644
--- a/src/Resources/src/views/ParticipantsList.vue
+++ b/src/Resources/src/views/ParticipantsList.vue
@@ -10,7 +10,7 @@
       class="mx-auto"
     />
     <NoParticipations
-      v-if="Object.entries(participationsState.meals).length === 0"
+      v-if="Object.entries(participationsState.meals).length === 0 && loadedState.loaded === true"
       :day="participationsState.day"
     />
     <MealOverview
@@ -34,7 +34,7 @@ import { useComponentHeights } from '@/services/useComponentHeights';
 
 const progress = useProgress().start();
 
-const { participationsState, loadShowParticipations, activatePeriodicFetch, disablePeriodicFetch } = getShowParticipations();
+const { participationsState, loadShowParticipations, activatePeriodicFetch, disablePeriodicFetch, loadedState } = getShowParticipations();
 const { addWindowHeightListener, removeWindowHeightListener } = useComponentHeights();
 
 onMounted(async () => {