From baa8582df72f8e3b9f0a506ffbeb66105cde8fc7 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 24 Nov 2021 16:05:52 +0100
Subject: [PATCH] Fix event participants pagination
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
js/src/views/Event/Participants.vue | 15 +++------------
1 file changed, 3 insertions(+), 12 deletions(-)
diff --git a/js/src/views/Event/Participants.vue b/js/src/views/Event/Participants.vue
index b90a09872..247f7fa71 100644
--- a/js/src/views/Event/Participants.vue
+++ b/js/src/views/Event/Participants.vue
@@ -90,6 +90,7 @@
:show-detail-icon="false"
:loading="this.$apollo.loading"
paginated
+ :current-page="page"
backend-pagination
:pagination-simple="true"
:aria-next-label="$t('Next page')"
@@ -259,7 +260,7 @@
</template>
<script lang="ts">
-import { Component, Prop, Vue, Watch, Ref } from "vue-property-decorator";
+import { Component, Prop, Vue, Ref } from "vue-property-decorator";
import { ParticipantRole } from "@/types/enums";
import { IParticipant } from "../../types/participant.model";
import { IEvent, IEventParticipantStats } from "../../types/event.model";
@@ -369,17 +370,6 @@ export default class Participants extends Vue {
return this.event.participantStats;
}
- @Watch("page")
- loadMoreParticipants(): void {
- this.$apollo.queries.event.fetchMore({
- // New variables
- variables: {
- page: this.page,
- limit: this.limit,
- },
- });
- }
-
async acceptParticipant(participant: IParticipant): Promise<void> {
try {
await this.$apollo.mutate({
@@ -521,6 +511,7 @@ export default class Participants extends Vue {
name: routeName,
query: { ...this.$route.query, ...args },
});
+ this.$apollo.queries.event.refetch();
} catch (e) {
if (isNavigationFailure(e, NavigationFailureType.redirected)) {
throw Error(e.toString());