1
0
Fork 0
mirror of https://framagit.org/framasoft/mobilizon.git synced 2025-01-03 05:45:14 +00:00

Issue #1066 Add a loading text when "my events" are loading

Instead of showing the no event found text
This commit is contained in:
Massedil 2024-11-13 19:21:34 +01:00 committed by setop
parent fba0eb7cc8
commit 227c9034ae

View file

@ -18,7 +18,6 @@
>{{ t("Create event") }}</o-button >{{ t("Create event") }}</o-button
> >
</div> </div>
<!-- <o-loading v-model:active="$apollo.loading"></o-loading> -->
<div class="flex flex-wrap gap-4 items-start"> <div class="flex flex-wrap gap-4 items-start">
<div <div
class="rounded p-3 flex-auto md:flex-none bg-zinc-300 dark:bg-zinc-700" class="rounded p-3 flex-auto md:flex-none bg-zinc-300 dark:bg-zinc-700"
@ -137,13 +136,18 @@
> >
</div> </div>
</section> </section>
<section v-if="loading">
<div class="text-center prose dark:prose-invert max-w-full">
<p>{{ t("Loading…") }}</p>
</div>
</section>
<section <section
class="text-center not-found" class="text-center not-found"
v-if=" v-if="
showUpcoming && showUpcoming &&
monthlyFutureEvents && monthlyFutureEvents &&
monthlyFutureEvents.size === 0 && monthlyFutureEvents.size === 0 &&
true // !$apollo.loading !loading
" "
> >
<div class="text-center prose dark:prose-invert max-w-full"> <div class="text-center prose dark:prose-invert max-w-full">
@ -291,6 +295,7 @@ const hasMorePastParticipations = ref(true);
const { const {
result: loggedUserUpcomingEventsResult, result: loggedUserUpcomingEventsResult,
fetchMore: fetchMoreUpcomingEvents, fetchMore: fetchMoreUpcomingEvents,
loading,
} = useQuery<{ } = useQuery<{
loggedUser: IUser; loggedUser: IUser;
}>(LOGGED_USER_UPCOMING_EVENTS, () => ({ }>(LOGGED_USER_UPCOMING_EVENTS, () => ({