Room member hide/show button

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() {