From 227c9034ae1cb16751d32184d4e4e5890a7a58e5 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 13 Nov 2024 19:21:34 +0100
Subject: [PATCH] Issue #1066 Add a loading text when "my events" are loading
Instead of showing the no event found text
---
src/views/Event/MyEventsView.vue | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/src/views/Event/MyEventsView.vue b/src/views/Event/MyEventsView.vue
index 1dd92933c..5dab69baa 100644
--- a/src/views/Event/MyEventsView.vue
+++ b/src/views/Event/MyEventsView.vue
@@ -18,7 +18,6 @@
>{{ t("Create event") }}</o-button
>
</div>
- <!-- <o-loading v-model:active="$apollo.loading"></o-loading> -->
<div class="flex flex-wrap gap-4 items-start">
<div
class="rounded p-3 flex-auto md:flex-none bg-zinc-300 dark:bg-zinc-700"
@@ -137,13 +136,18 @@
>
</div>
</section>
+ <section v-if="loading">
+ <div class="text-center prose dark:prose-invert max-w-full">
+ <p>{{ t("Loading…") }}</p>
+ </div>
+ </section>
<section
class="text-center not-found"
v-if="
showUpcoming &&
monthlyFutureEvents &&
monthlyFutureEvents.size === 0 &&
- true // !$apollo.loading
+ !loading
"
>
<div class="text-center prose dark:prose-invert max-w-full">
@@ -291,6 +295,7 @@ const hasMorePastParticipations = ref(true);
const {
result: loggedUserUpcomingEventsResult,
fetchMore: fetchMoreUpcomingEvents,
+ loading,
} = useQuery<{
loggedUser: IUser;
}>(LOGGED_USER_UPCOMING_EVENTS, () => ({