haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react/features/participants-pane/components/breakout-rooms/components/native/CollapsibleRoom.js
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 // a certain height percentage for every section in order for all to fit
// inside the participants pane container // inside the participants pane container
const containerStyle const containerStyle
= roomParticipantsNr > 3 && styles.collapsibleRoomContainer; = roomParticipantsNr > 2 && styles.collapsibleRoomContainer;
return ( return (
<CollapsibleList <CollapsibleList

2
react/features/participants-pane/components/native/MeetingParticipantList.js
View File

@ -207,7 +207,7 @@ class MeetingParticipantList extends PureComponent<Props> {
// If there are only meeting participants available, // If there are only meeting participants available,
// we take the full container height // we take the full container height
const onlyMeetingParticipants const onlyMeetingParticipants
= breakoutRooms?.length === 0 && lobbyParticipants.length === 0; = breakoutRooms?.length === 0 && lobbyParticipants?.length === 0;
const containerStyle const containerStyle
= onlyMeetingParticipants = onlyMeetingParticipants
? styles.meetingListFullContainer : styles.meetingListContainer; ? styles.meetingListFullContainer : styles.meetingListContainer;

10
react/features/participants-pane/components/native/ParticipantsPane.js
View File

@ -19,10 +19,7 @@ import {
getCurrentRoomId, getCurrentRoomId,
isInBreakoutRoom isInBreakoutRoom
} from '../../../breakout-rooms/functions'; } from '../../../breakout-rooms/functions';
import { import { getKnockingParticipants } from '../../../lobby/functions';
getKnockingParticipants,
getLobbyEnabled
} from '../../../lobby/functions';
import MuteEveryoneDialog import MuteEveryoneDialog
from '../../../video-menu/components/native/MuteEveryoneDialog'; from '../../../video-menu/components/native/MuteEveryoneDialog';
import { import {
@ -67,15 +64,14 @@ const ParticipantsPane = () => {
&& participantsCount > 2 && rooms.length > 1; && participantsCount > 2 && rooms.length > 1;
const addBreakoutRoom const addBreakoutRoom
= _isBreakoutRoomsSupported && !hideAddRoomButton && isLocalModerator; = _isBreakoutRoomsSupported && !hideAddRoomButton && isLocalModerator;
const lobbyEnabled = useSelector(getLobbyEnabled);
const lobbyParticipants = useSelector(getKnockingParticipants); const lobbyParticipants = useSelector(getKnockingParticipants);
return ( return (
<JitsiScreen style = { styles.participantsPaneContainer }> <JitsiScreen style = { styles.participantsPaneContainer }>
<LobbyParticipantList /> <LobbyParticipantList />
<MeetingParticipantList <MeetingParticipantList
breakoutRooms = { _isBreakoutRoomsSupported && rooms } breakoutRooms = { rooms }
lobbyParticipants = { lobbyEnabled && lobbyParticipants } lobbyParticipants = { lobbyParticipants }
searchString = { searchString } searchString = { searchString }
setSearchString = { setSearchString } /> setSearchString = { setSearchString } />
{ {