Merge pull request #11097 from nextcloud/backport/11064/stable28

[stable28] fix(participants): cancel scheduled request when requesting new one

src/mixins/getParticipants.js

@@ -35,6 +35,8 @@ const getParticipants = {
 			participantsInitialised: false,
 			fetchingParticipants: false,
 			pendingChanges: false,
+			debounceFastUpdateParticipants: null,
+			debounceSlowUpdateParticipants: null,
 		}
 	},
 
@@ -45,6 +47,16 @@ const getParticipants = {
 		},
 	},
 
+	created() {
+		this.debounceFastUpdateParticipants = debounce(function() {
+			this.cancelableGetParticipants()
+		}, 3000)
+
+		this.debounceSlowUpdateParticipants = debounce(function() {
+			this.cancelableGetParticipants()
+		}, 15000)
+	},
+
 	methods: {
 		initialiseGetParticipantsMixin() {
 			EventBus.$on('route-change', this.onRouteChange)
@@ -96,25 +108,17 @@ const getParticipants = {
 			this.pendingChanges = false
 		},
 
-		debounceSlowUpdateParticipants: debounce(function() {
-			if (!this.fetchingParticipants) {
-				this.cancelableGetParticipants()
-			}
-		}, 15000),
-
-		debounceFastUpdateParticipants: debounce(function() {
-			if (!this.fetchingParticipants) {
-				this.cancelableGetParticipants()
-			}
-		}, 3000),
-
 		async cancelableGetParticipants() {
-			if (this.token === '' || this.isInLobby || !this.isModeratorOrUser) {
+			if (this.fetchingParticipants || this.token === '' || this.isInLobby || !this.isModeratorOrUser) {
 				return
 			}
 
 			this.fetchingParticipants = true
 
+			// Clear previously requested updates
+			this.debounceFastUpdateParticipants.clear()
+			this.debounceSlowUpdateParticipants.clear()
+
 			const response = await this.$store.dispatch('fetchParticipants', { token: this.token })
 			if (response) {
 				this.participantsInitialised = true