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, () => ({