From abf682b0787d7575b85c933ffa09c7a6752552e2 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Mon, 25 Apr 2022 08:42:51 +0000
Subject: [PATCH] Room member hide/show button

---
 src/components/RoomInfo.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index 3732bcc..ad8dc3a 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -133,7 +133,7 @@
           class="member ma-2"
           v-for="(member, index) in joinedMembers"
           :key="member.userId"
-          v-show="showAllMembers || index < 5"
+          v-show="showAllMembers || index < SHOW_MEMBER_LIMIT"
           @click="toggleMemberExpanded(member)"
         >
           <v-avatar class="avatar" size="32" color="grey">
@@ -159,7 +159,7 @@
             :member="member"
           />
         </div>
-        <div class="show-all" @click="showAllMembers = !showAllMembers">
+        <div class="show-all" @click="showAllMembers = !showAllMembers" v-if="joinedMembers.length > SHOW_MEMBER_LIMIT">
           {{
             showAllMembers ? $t("room_info.hide_all") : $t("room_info.show_all")
           }}
@@ -244,6 +244,7 @@ export default {
           icon: "person_add",
         },
       ],
+      SHOW_MEMBER_LIMIT: 5
     };
   },
   mounted() {