diff options
author | Joas Schilling <coding@schilljs.com> | 2020-10-04 12:29:22 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2020-10-04 12:29:22 +0300 |
commit | 743412e6c453483d48868efbb782cbdb69825596 (patch) | |
tree | 421cf9e2d05e3d967dc9796d19ee28c67a91d662 /src | |
parent | 3862af5cc16dda769b9e21b5d816d23d2cbb1fb6 (diff) |
Don't load the user_status in big conversations
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue | 6 | ||||
-rw-r--r-- | src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue | 5 |
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 |