Don't load the user_status in big conversations

Signed-off-by: Joas Schilling <coding@schilljs.com>

2 files changed, 10 insertions, 1 deletions

diff --git a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
index 3b2207186..9efcf4e89 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue
@@ -32,7 +32,7 @@
 			:id="computedId"
 			:disable-tooltip="true"
 			:size="44"
-			:show-user-status="!isSearched"
+			:show-user-status="showUserStatus && !isSearched"
 			:show-user-status-compact="false"
 			:name="computedName"
 			:source="participant.source"
@@ -100,6 +100,10 @@ export default {
 			type: Object,
 			required: true,
 		},
+		showUserStatus: {
+			type: Boolean,
+			default: true,
+		},
 		// Toggles the bulk selection state of this component
 		isSelectable: {
 			type: Boolean,
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue b/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue
index fb306b635..c4483f47d 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue
@@ -27,6 +27,7 @@
 				:key="generateKey(item)"
 				:participant="item"
 				:is-selectable="participantsSelectable"
+				:show-user-status="showUserStatus"
 				@clickParticipant="handleClickParticipant" />
 		</ul>
 		<template v-if="loading">
@@ -69,6 +70,10 @@ export default {
 			return this.$store.getters.getToken()
 		},
 
+		showUserStatus() {
+			return this.items.length < 100
+		},
+
 		dummyParticipants() {
 			const dummies = 6 - this.items.length
 			return dummies > 0 ? dummies : 0