fix(Participant): reset initial state of component if reused

- Recycle scroller is keeping items in the poll, which may differ and interfere with actual list of participants. Removed user from the list may be replaced by any other user from poll (usually first in the list) with open dialog and possibility to remove self

Signed-off-by: Maksim Sukharev <[email protected]>

src/components/RightSidebar/Participants/Participant.vue

@@ -267,15 +267,15 @@
 		</template>
 
 		<template #extra>
-			<ParticipantPermissionsEditor v-if="permissionsEditor"
+			<ParticipantPermissionsEditor v-if="showPermissionsOptions && permissionsEditor"
 				:actor-id="participant.actorId"
 				close-after-click
 				:participant="participant"
 				:token="token"
 				@close="permissionsEditor = false" />
 
 			<!-- Confirmation required to remove participant -->
-			<NcDialog v-if="isRemoveDialogOpen"
+			<NcDialog v-if="canBeModerated && isRemoveDialogOpen"
 				:open.sync="isRemoveDialogOpen"
 				:name="removeParticipantLabel">
 				<p> {{ removeDialogMessage }} </p>
@@ -788,7 +788,16 @@ export default {
 			if (!value || !(value === 'ringing' || value === 'accepted')) {
 				this.disabled = false
 			}
-		}
+		},
+
+		participantNavigationId() {
+			// FIXME: as RecycleScroller reuses item components, we need to reset the state,
+			// if participant object has been replaced by another one
+			this.permissionsEditor = false
+			this.isRemoveDialogOpen = false
+			this.isBanParticipant = false
+			this.internalNote = ''
+		},
 	},
 
 	methods: {