fix(prejoin_page) Add labels for video & more UI fixes

This commit is contained in:
Vlad Piersec
2020-03-30 17:44:45 +03:00
committed by Saúl Ibarra Corretgé
parent 1b05d7269c
commit c05ca1d9fc
10 changed files with 146 additions and 62 deletions

View File

@@ -127,11 +127,9 @@ class SettingsDialog extends Component<Props> {
function _mapStateToProps(state) {
const configuredTabs = interfaceConfig.SETTINGS_SECTIONS || [];
const jwt = state['features/base/jwt'];
const { prejoinPageEnabled } = state['features/base/config'];
// The settings sections to display.
const showDeviceSettings = !prejoinPageEnabled
&& configuredTabs.includes('devices');
const showDeviceSettings = configuredTabs.includes('devices');
const moreTabProps = getMoreTabProps(state);
const { showModeratorSettings, showLanguageSettings } = moreTabProps;
const showProfileSettings

View File

@@ -243,7 +243,7 @@ class AudioSettingsContent extends Component<Props, State> {
<div className = 'audio-preview-content'>
<AudioSettingsHeader
IconComponent = { IconMicrophoneEmpty }
text = { t('settings.selectMic') } />
text = { t('settings.microphones') } />
{microphoneDevices.map((data, i) =>
this._renderMicrophoneEntry(data, i),
)}

View File

@@ -153,6 +153,7 @@ class VideoSettingsContent extends Component<Props, State> {
className,
key
};
const label = jitsiTrack && jitsiTrack.getTrackLabel();
if (isSelected) {
props.className = `${className} video-preview-entry--selected`;
@@ -162,6 +163,7 @@ class VideoSettingsContent extends Component<Props, State> {
return (
<div { ...props }>
<div className = 'video-preview-label'>{label}</div>
<div className = 'video-preview-overlay' />
<Video
className = { videoClassName }
@@ -209,7 +211,7 @@ class VideoSettingsContent extends Component<Props, State> {
const { trackData } = this.state;
return (
<div>
<div className = 'video-preview'>
{trackData.map((data, i) => this._renderPreviewEntry(data, i))}
</div>
);