changed the NoParticipations view to only show up after loading is fi…

…nisched
AOEpeople · Oct 19, 2023 · 7310f10 · 7310f10
1 parent 5a5a898
commit 7310f10
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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 () => {