feat(participants-pane/native) adjusted styles for participants container

This commit is contained in:
Calin Chitu 2022-04-04 13:25:59 +03:00 committed by Calinteodor
parent c2399deb55
commit d415d02f35
3 changed files with 5 additions and 9 deletions

View File

@ -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

View File

@ -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;

View File

@ -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 } />
{