From d415d02f3573dbcf48d02062050ed33c180ac89e Mon Sep 17 00:00:00 2001
From: Calin Chitu <calinte2002@yahoo.co.uk>
Date: Mon, 4 Apr 2022 13:25:59 +0300
Subject: [PATCH] feat(participants-pane/native) adjusted styles for
 participants container

---
 .../components/native/CollapsibleRoom.js               |  2 +-
 .../components/native/MeetingParticipantList.js        |  2 +-
 .../components/native/ParticipantsPane.js              | 10 +++-------
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js b/react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js
index 3845777ea..273a4a39d 100644
--- a/react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js
+++ b/react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js
@@ -52,7 +52,7 @@ export const CollapsibleRoom = ({ room, searchString }: Props) => {
     // a certain height percentage for every section in order for all to fit
     // inside the participants pane container
     const containerStyle
-        = roomParticipantsNr > 3 && styles.collapsibleRoomContainer;
+        = roomParticipantsNr > 2 && styles.collapsibleRoomContainer;
 
     return (
         <CollapsibleList
diff --git a/react/features/participants-pane/components/native/MeetingParticipantList.js b/react/features/participants-pane/components/native/MeetingParticipantList.js
index 8d0acdf3e..d916602eb 100644
--- a/react/features/participants-pane/components/native/MeetingParticipantList.js
+++ b/react/features/participants-pane/components/native/MeetingParticipantList.js
@@ -207,7 +207,7 @@ class MeetingParticipantList extends PureComponent<Props> {
         // If there are only meeting participants available,
         // we take the full container height
         const onlyMeetingParticipants
-            = breakoutRooms?.length === 0 && lobbyParticipants.length === 0;
+            = breakoutRooms?.length === 0 && lobbyParticipants?.length === 0;
         const containerStyle
             = onlyMeetingParticipants
                 ? styles.meetingListFullContainer : styles.meetingListContainer;
diff --git a/react/features/participants-pane/components/native/ParticipantsPane.js b/react/features/participants-pane/components/native/ParticipantsPane.js
index c7e014fcb..62b5215d3 100644
--- a/react/features/participants-pane/components/native/ParticipantsPane.js
+++ b/react/features/participants-pane/components/native/ParticipantsPane.js
@@ -19,10 +19,7 @@ import {
     getCurrentRoomId,
     isInBreakoutRoom
 } from '../../../breakout-rooms/functions';
-import {
-    getKnockingParticipants,
-    getLobbyEnabled
-} from '../../../lobby/functions';
+import { getKnockingParticipants } from '../../../lobby/functions';
 import MuteEveryoneDialog
     from '../../../video-menu/components/native/MuteEveryoneDialog';
 import {
@@ -67,15 +64,14 @@ const ParticipantsPane = () => {
         && participantsCount > 2 && rooms.length > 1;
     const addBreakoutRoom
         = _isBreakoutRoomsSupported && !hideAddRoomButton && isLocalModerator;
-    const lobbyEnabled = useSelector(getLobbyEnabled);
     const lobbyParticipants = useSelector(getKnockingParticipants);
 
     return (
         <JitsiScreen style = { styles.participantsPaneContainer }>
             <LobbyParticipantList />
             <MeetingParticipantList
-                breakoutRooms = { _isBreakoutRoomsSupported && rooms }
-                lobbyParticipants = { lobbyEnabled && lobbyParticipants }
+                breakoutRooms = { rooms }
+                lobbyParticipants = { lobbyParticipants }
                 searchString = { searchString }
                 setSearchString = { setSearchString } />
             {