diff --git a/react/features/conference/components/web/Conference.js b/react/features/conference/components/web/Conference.js index 795db6853..3b49cdfd4 100644 --- a/react/features/conference/components/web/Conference.js +++ b/react/features/conference/components/web/Conference.js @@ -12,7 +12,7 @@ import { Chat } from '../../../chat'; import { Filmstrip } from '../../../filmstrip'; import { CalleeInfoContainer } from '../../../invite'; import { LargeVideo } from '../../../large-video'; -import { KnockingParticipantList } from '../../../lobby'; +import { KnockingParticipantList, LobbyScreen } from '../../../lobby'; import { Prejoin, isPrejoinPageVisible } from '../../../prejoin'; import { Toolbox, @@ -73,6 +73,11 @@ type Props = AbstractProps & { */ _iAmRecorder: boolean, + /** + * Returns true if the 'lobby screen' is visible. + */ + _isLobbyScreenVisible: boolean, + /** * The CSS class to apply to the root of {@link Conference} to modify the * application layout. @@ -183,6 +188,7 @@ class Conference extends AbstractConference { } = interfaceConfig; const { _iAmRecorder, + _isLobbyScreenVisible, _layoutClassName, _showPrejoin } = this.props; @@ -204,7 +210,7 @@ class Conference extends AbstractConference { { hideLabels || } - { filmstripOnly || _showPrejoin || } + { filmstripOnly || _showPrejoin || _isLobbyScreenVisible || } { filmstripOnly || } { this.renderNotificationsContainer() } @@ -276,6 +282,7 @@ function _mapStateToProps(state) { return { ...abstractMapStateToProps(state), _iAmRecorder: state['features/base/config'].iAmRecorder, + _isLobbyScreenVisible: state['features/base/dialog']?.component === LobbyScreen, _layoutClassName: LAYOUT_CLASSNAMES[getCurrentLayout(state)], _roomName: getConferenceNameForTitle(state), _showPrejoin: isPrejoinPageVisible(state)