feat(participants/native) - fix joining breakout room

react/features/lobby/functions.js

@@ -58,7 +58,7 @@ export function showLobbyChatButton(
         const { lobbyMessageRecipient, isLobbyChatActive } = state['features/chat'];
         const conference = getCurrentConference(state);
 
-        const lobbyLocalId = conference.myLobbyUserId();
+        const lobbyLocalId = conference?.myLobbyUserId();
 
         if (!enableLobbyChat) {
             return false;

react/features/participants-pane/components/breakout-rooms/components/native/styles.js

@@ -71,8 +71,8 @@ export default {
     },
 
     transparentButton: {
-        ...baseButton,
-        backgroundColor: 'transparent'
+        backgroundColor: 'transparent',
+        marginTop: BaseTheme.spacing[3]
     },
 
     leaveButtonLabel: {

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;