From 6426a4d89e0c44a7bc92a0b254a51263f678cbac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 22 May 2020 19:22:42 +0200
Subject: [PATCH] Hide advanced video settings by default, ref #415

---
 app/src/components/Settings/MediaSettings.js | 478 ++++++++++---------
 app/src/translations/cn.json                 |   1 +
 app/src/translations/cs.json                 |   1 +
 app/src/translations/de.json                 |   1 +
 app/src/translations/dk.json                 |   1 +
 app/src/translations/el.json                 |   1 +
 app/src/translations/en.json                 |   1 +
 app/src/translations/es.json                 |   1 +
 app/src/translations/fr.json                 |   1 +
 app/src/translations/hr.json                 |   1 +
 app/src/translations/hu.json                 |   1 +
 app/src/translations/it.json                 |   1 +
 app/src/translations/lv.json                 |   1 +
 app/src/translations/nb.json                 |   1 +
 app/src/translations/pl.json                 |   1 +
 app/src/translations/pt.json                 |   1 +
 app/src/translations/ro.json                 |   1 +
 app/src/translations/tr.json                 |   1 +
 app/src/translations/tw.json                 |   1 +
 app/src/translations/uk.json                 |   1 +
 20 files changed, 261 insertions(+), 236 deletions(-)

diff --git a/app/src/components/Settings/MediaSettings.js b/app/src/components/Settings/MediaSettings.js
index ae73613..a4e057f 100644
--- a/app/src/components/Settings/MediaSettings.js
+++ b/app/src/components/Settings/MediaSettings.js
@@ -95,6 +95,9 @@ const MediaSettings = ({
 {
 	const intl = useIntl();
 
+	const [ audioSettingsOpen, setAudioSettingsOpen ] = React.useState(false);
+	const [ videoSettingsOpen, setVideoSettingsOpen ] = React.useState(false);
+
 	const resolutions = [ {
 		value : 'low',
 		label : intl.formatMessage({
@@ -152,13 +155,6 @@ const MediaSettings = ({
 	else
 		audioOutputDevices = [];
 
-	const [ open, setOpen ] = React.useState(true);
-
-	const advancedAudioSettings = () =>
-	{
-		setOpen(!open);
-	};
-
 	return (
 		<React.Fragment>
 			<form className={classes.setting} autoComplete='off'>
@@ -205,118 +201,130 @@ const MediaSettings = ({
 						}
 					</FormHelperText>
 				</FormControl>
-				<FormControl className={classes.formControl}>
-					<Select
-						value={settings.resolution || ''}
-						onChange={(event) =>
-						{
-							if (event.target.value)
-								roomClient.updateWebcam({ newResolution: event.target.value });
-						}}
-						name='Video resolution'
-						autoWidth
-						className={classes.selectEmpty}
-					>
-						{resolutions.map((resolution, index) =>
-						{
-							return (
-								<MenuItem key={index} value={resolution.value}>
-									{resolution.label}
-								</MenuItem>
-							);
+				<List className={classes.root} component='nav'>
+					<ListItem button onClick={() => setVideoSettingsOpen(!videoSettingsOpen)}>
+						<ListItemText primary={intl.formatMessage({
+							id             : 'settings.showAdvancedVideo',
+							defaultMessage : 'Advanced video settings'
 						})}
-					</Select>
-					<FormHelperText>
-						<FormattedMessage
-							id='settings.resolution'
-							defaultMessage='Select your video resolution'
 						/>
-					</FormHelperText>
-				</FormControl>
-				<FormControl className={classes.formControl}>
-					<Select
-						value={settings.frameRate || ''}
-						onChange={(event) =>
-						{
-							if (event.target.value)
-								roomClient.updateWebcam({ newFrameRate: event.target.value });
-						}}
-						name='Frame rate'
-						autoWidth
-						className={classes.selectEmpty}
-					>
-						{ [ 1, 5, 10, 15, 20, 25, 30 ].map((frameRate) =>
-						{
-							return (
-								<MenuItem key={frameRate} value={frameRate}>
-									{frameRate}
-								</MenuItem>
-							);
-						})}
-					</Select>
-					<FormHelperText>
-						<FormattedMessage
-							id='settings.frameRate'
-							defaultMessage='Select your video frame rate'
-						/>
-					</FormHelperText>
-				</FormControl>
-				<FormControl className={classes.formControl}>
-					<Select
-						value={settings.screenSharingResolution || ''}
-						onChange={(event) =>
-						{
-							if (event.target.value)
-								roomClient.updateScreenSharing({ newResolution: event.target.value });
-						}}
-						name='Screen sharing resolution'
-						autoWidth
-						className={classes.selectEmpty}
-					>
-						{resolutions.map((resolution, index) =>
-						{
-							return (
-								<MenuItem key={index} value={resolution.value}>
-									{resolution.label}
-								</MenuItem>
-							);
-						})}
-					</Select>
-					<FormHelperText>
-						<FormattedMessage
-							id='settings.screenSharingResolution'
-							defaultMessage='Select your screen sharing resolution'
-						/>
-					</FormHelperText>
-				</FormControl>
-				<FormControl className={classes.formControl}>
-					<Select
-						value={settings.screenSharingFrameRate || ''}
-						onChange={(event) =>
-						{
-							if (event.target.value)
-								roomClient.updateScreenSharing({ newFrameRate: event.target.value });
-						}}
-						name='Frame rate'
-						autoWidth
-						className={classes.selectEmpty}
-					>
-						{ [ 1, 5, 10, 15, 20, 25, 30 ].map((screenSharingFrameRate) =>
-						{
-							return (
-								<MenuItem key={screenSharingFrameRate} value={screenSharingFrameRate}>
-									{screenSharingFrameRate}
-								</MenuItem>
-							);
-						})}
-					</Select>
-					<FormHelperText>
-						<FormattedMessage
-							id='settings.screenSharingFrameRate'
-							defaultMessage='Select your screen sharing frame rate'
-						/>
-					</FormHelperText>
-				</FormControl>
+						{videoSettingsOpen ? <ExpandLess /> : <ExpandMore />}
+					</ListItem>
+					<Collapse in={videoSettingsOpen} timeout='auto'>
+						<FormControl className={classes.formControl}>
+							<Select
+								value={settings.resolution || ''}
+								onChange={(event) =>
+								{
+									if (event.target.value)
+										roomClient.updateWebcam({ newResolution: event.target.value });
+								}}
+								name='Video resolution'
+								autoWidth
+								className={classes.selectEmpty}
+							>
+								{resolutions.map((resolution, index) =>
+								{
+									return (
+										<MenuItem key={index} value={resolution.value}>
+											{resolution.label}
+										</MenuItem>
+									);
+								})}
+							</Select>
+							<FormHelperText>
+								<FormattedMessage
+									id='settings.resolution'
+									defaultMessage='Select your video resolution'
+								/>
+							</FormHelperText>
+						</FormControl>
+						<FormControl className={classes.formControl}>
+							<Select
+								value={settings.frameRate || ''}
+								onChange={(event) =>
+								{
+									if (event.target.value)
+										roomClient.updateWebcam({ newFrameRate: event.target.value });
+								}}
+								name='Frame rate'
+								autoWidth
+								className={classes.selectEmpty}
+							>
+								{ [ 1, 5, 10, 15, 20, 25, 30 ].map((frameRate) =>
+								{
+									return (
+										<MenuItem key={frameRate} value={frameRate}>
+											{frameRate}
+										</MenuItem>
+									);
+								})}
+							</Select>
+							<FormHelperText>
+								<FormattedMessage
+									id='settings.frameRate'
+									defaultMessage='Select your video frame rate'
+								/>
+							</FormHelperText>
+						</FormControl>
+						<FormControl className={classes.formControl}>
+							<Select
+								value={settings.screenSharingResolution || ''}
+								onChange={(event) =>
+								{
+									if (event.target.value)
+										roomClient.updateScreenSharing({ newResolution: event.target.value });
+								}}
+								name='Screen sharing resolution'
+								autoWidth
+								className={classes.selectEmpty}
+							>
+								{resolutions.map((resolution, index) =>
+								{
+									return (
+										<MenuItem key={index} value={resolution.value}>
+											{resolution.label}
+										</MenuItem>
+									);
+								})}
+							</Select>
+							<FormHelperText>
+								<FormattedMessage
+									id='settings.screenSharingResolution'
+									defaultMessage='Select your screen sharing resolution'
+								/>
+							</FormHelperText>
+						</FormControl>
+						<FormControl className={classes.formControl}>
+							<Select
+								value={settings.screenSharingFrameRate || ''}
+								onChange={(event) =>
+								{
+									if (event.target.value)
+										roomClient.updateScreenSharing({ newFrameRate: event.target.value });
+								}}
+								name='Frame rate'
+								autoWidth
+								className={classes.selectEmpty}
+							>
+								{ [ 1, 5, 10, 15, 20, 25, 30 ].map((screenSharingFrameRate) =>
+								{
+									return (
+										<MenuItem key={screenSharingFrameRate} value={screenSharingFrameRate}>
+											{screenSharingFrameRate}
+										</MenuItem>
+									);
+								})}
+							</Select>
+							<FormHelperText>
+								<FormattedMessage
+									id='settings.screenSharingFrameRate'
+									defaultMessage='Select your screen sharing frame rate'
+								/>
+							</FormHelperText>
+						</FormControl>
+					</Collapse>
+				</List>
 			</form>
 			<form className={classes.setting} autoComplete='off'>
 				<FormControl className={classes.formControl}>
@@ -357,10 +365,8 @@ const MediaSettings = ({
 						}
 					</FormHelperText>
 				</FormControl>
-			</form>
-			{ 'audioOutputSupportedBrowsers' in window.config &&
-				window.config.audioOutputSupportedBrowsers.includes(me.browser.name) &&
-				<form className={classes.setting} autoComplete='off'>
+				{ 'audioOutputSupportedBrowsers' in window.config &&
+					window.config.audioOutputSupportedBrowsers.includes(me.browser.name) &&
 					<FormControl className={classes.formControl}>
 						<Select
 							value={settings.selectedAudioOutputDevice || ''}
@@ -404,122 +410,122 @@ const MediaSettings = ({
 							}
 						</FormHelperText>
 					</FormControl>
-				</form>
-			}
-			<List className={classes.root} component='nav'>
-				<ListItem button onClick={advancedAudioSettings}>
-					<ListItemText primary={intl.formatMessage({
-						id             : 'settings.showAdvancedAudio',
-						defaultMessage : 'Show advanced audio settings'
-					})}
-					/>
-					{open ? <ExpandLess /> : <ExpandMore />}
-				</ListItem>
-				<Collapse in={!open} timeout='auto'>
-					<List component='div'>
-						<ListItem className={classes.nested}>
-							<FormControlLabel
-								className={classnames(classes.setting, classes.switchLabel)}
-								control={
-									<Switch color='secondary'
-										checked={settings.echoCancellation}
-										onChange={
-											(event) =>
-											{
-												setEchoCancellation(event.target.checked);
-												roomClient.updateMic();
-											}}
-									/>}
-								labelPlacement='start'
-								label={intl.formatMessage({
-									id             : 'settings.echoCancellation',
-									defaultMessage : 'Echo cancellation'
-								})}
-							/>
-						</ListItem>
-						<ListItem className={classes.nested}>
-							<FormControlLabel
-								className={classnames(classes.setting, classes.switchLabel)}
-								control={
-									<Switch color='secondary'
-										checked={settings.autoGainControl} onChange={
-											(event) =>
-											{
-												setAutoGainControl(event.target.checked);
-												roomClient.updateMic();
-											}}
-									/>}
-								labelPlacement='start'
-								label={intl.formatMessage({
-									id             : 'settings.autoGainControl',
-									defaultMessage : 'Auto gain control'
-								})}
-							/>
-						</ListItem>
-						<ListItem className={classes.nested}>
-							<FormControlLabel
-								className={classnames(classes.setting, classes.switchLabel)}
-								control={
-									<Switch color='secondary'
-										checked={settings.noiseSuppression} onChange={
-											(event) =>
-											{
-												setNoiseSuppression(event.target.checked);
-												roomClient.updateMic();
-											}}
-									/>}
-								labelPlacement='start'
-								label={intl.formatMessage({
-									id             : 'settings.noiseSuppression',
-									defaultMessage : 'Noise suppression'
-								})}
-							/>
-						</ListItem>
-						<ListItem className={classes.nested}>
-							<FormControlLabel
-								className={classnames(classes.setting, classes.switchLabel)}
-								control={
-									<Switch color='secondary'
-										checked={settings.voiceActivatedUnmute} onChange={
-											(event) =>
-											{
-												setVoiceActivatedUnmute(event.target.checked);
-											}}
-									/>}
-								labelPlacement='start'
-								label={intl.formatMessage({
-									id             : 'settings.voiceActivatedUnmute',
-									defaultMessage : 'Voice activated unmute'
-								})}
-							/>
-						</ListItem>
-						<ListItem className={classes.nested}>
-							<div className={classes.margin} />
-							<Typography gutterBottom>
-								{
-									intl.formatMessage({
-										id             : 'settings.noiseThreshold',
-										defaultMessage : 'Noise threshold'
-									})
-								}:
-							</Typography>
-							<NoiseSlider className={classnames(classes.slider, classnames.setting)}
-								key={'noise-threshold-slider'}
-								min={-100}
-								value={settings.noiseThreshold}
-								max={0}
-								valueLabelDisplay={'auto'}
-								onChange={
-									(event, value) =>
+				}
+				<List className={classes.root} component='nav'>
+					<ListItem button onClick={() => setAudioSettingsOpen(!audioSettingsOpen)}>
+						<ListItemText primary={intl.formatMessage({
+							id             : 'settings.showAdvancedAudio',
+							defaultMessage : 'Advanced audio settings'
+						})}
+						/>
+						{audioSettingsOpen ? <ExpandLess /> : <ExpandMore />}
+					</ListItem>
+					<Collapse in={audioSettingsOpen} timeout='auto'>
+						<List component='div'>
+							<ListItem className={classes.nested}>
+								<FormControlLabel
+									className={classnames(classes.setting, classes.switchLabel)}
+									control={
+										<Switch color='secondary'
+											checked={settings.echoCancellation}
+											onChange={
+												(event) =>
+												{
+													setEchoCancellation(event.target.checked);
+													roomClient.updateMic();
+												}}
+										/>}
+									labelPlacement='start'
+									label={intl.formatMessage({
+										id             : 'settings.echoCancellation',
+										defaultMessage : 'Echo cancellation'
+									})}
+								/>
+							</ListItem>
+							<ListItem className={classes.nested}>
+								<FormControlLabel
+									className={classnames(classes.setting, classes.switchLabel)}
+									control={
+										<Switch color='secondary'
+											checked={settings.autoGainControl} onChange={
+												(event) =>
+												{
+													setAutoGainControl(event.target.checked);
+													roomClient.updateMic();
+												}}
+										/>}
+									labelPlacement='start'
+									label={intl.formatMessage({
+										id             : 'settings.autoGainControl',
+										defaultMessage : 'Auto gain control'
+									})}
+								/>
+							</ListItem>
+							<ListItem className={classes.nested}>
+								<FormControlLabel
+									className={classnames(classes.setting, classes.switchLabel)}
+									control={
+										<Switch color='secondary'
+											checked={settings.noiseSuppression} onChange={
+												(event) =>
+												{
+													setNoiseSuppression(event.target.checked);
+													roomClient.updateMic();
+												}}
+										/>}
+									labelPlacement='start'
+									label={intl.formatMessage({
+										id             : 'settings.noiseSuppression',
+										defaultMessage : 'Noise suppression'
+									})}
+								/>
+							</ListItem>
+							<ListItem className={classes.nested}>
+								<FormControlLabel
+									className={classnames(classes.setting, classes.switchLabel)}
+									control={
+										<Switch color='secondary'
+											checked={settings.voiceActivatedUnmute} onChange={
+												(event) =>
+												{
+													setVoiceActivatedUnmute(event.target.checked);
+												}}
+										/>}
+									labelPlacement='start'
+									label={intl.formatMessage({
+										id             : 'settings.voiceActivatedUnmute',
+										defaultMessage : 'Voice activated unmute'
+									})}
+								/>
+							</ListItem>
+							<ListItem className={classes.nested}>
+								<div className={classes.margin} />
+								<Typography gutterBottom>
 									{
-										roomClient._setNoiseThreshold(value);
-									}}
-								marks={[ { value: volume, label: `${volume} dB` } ]}
-							/>
-						</ListItem>
-					</List>
-				</Collapse>
-			</List>
+										intl.formatMessage({
+											id             : 'settings.noiseThreshold',
+											defaultMessage : 'Noise threshold'
+										})
+									}:
+								</Typography>
+								<NoiseSlider className={classnames(classes.slider, classnames.setting)}
+									key={'noise-threshold-slider'}
+									min={-100}
+									value={settings.noiseThreshold}
+									max={0}
+									valueLabelDisplay={'auto'}
+									onChange={
+										(event, value) =>
+										{
+											roomClient._setNoiseThreshold(value);
+										}}
+									marks={[ { value: volume, label: `${volume} dB` } ]}
+								/>
+							</ListItem>
+						</List>
+					</Collapse>
+				</List>
+			</form>
 		</React.Fragment>
 	);
 };
diff --git a/app/src/translations/cn.json b/app/src/translations/cn.json
index 658763b..010739b 100644
--- a/app/src/translations/cn.json
+++ b/app/src/translations/cn.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/cs.json b/app/src/translations/cs.json
index 83ee049..bd0c48f 100644
--- a/app/src/translations/cs.json
+++ b/app/src/translations/cs.json
@@ -143,6 +143,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/de.json b/app/src/translations/de.json
index 2b56a64..1401c88 100644
--- a/app/src/translations/de.json
+++ b/app/src/translations/de.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Audiosignal bei Benachrichtigungen",
 	"settings.showNotifications": "Zeige Benachrichtigungen",
 	"settings.buttonControlBar": "Separate seitliche Medienwerkzeugleiste",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": "Erweiterte Audio-Einstellungen",
 	"settings.echoCancellation": "Echounterdrückung",
 	"settings.autoGainControl": "Automatische Pegelregelung (Audioeingang)",
diff --git a/app/src/translations/dk.json b/app/src/translations/dk.json
index d1067af..4899503 100644
--- a/app/src/translations/dk.json
+++ b/app/src/translations/dk.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/el.json b/app/src/translations/el.json
index 447e43f..8ca0939 100644
--- a/app/src/translations/el.json
+++ b/app/src/translations/el.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/en.json b/app/src/translations/en.json
index 367c99c..e2f37d5 100644
--- a/app/src/translations/en.json
+++ b/app/src/translations/en.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Notification sounds",
 	"settings.showNotifications": "Show notifications",
 	"settings.buttonControlBar": "Separate media controls",
+	"settings.showAdvancedVideo": "Advanced video settings",
 	"settings.showAdvancedAudio": "Advanced audio settings",
 	"settings.echoCancellation": "Echo cancellation",
 	"settings.autoGainControl": "Auto gain control",
diff --git a/app/src/translations/es.json b/app/src/translations/es.json
index 0238430..fc551c9 100644
--- a/app/src/translations/es.json
+++ b/app/src/translations/es.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/fr.json b/app/src/translations/fr.json
index 3557a71..7d42bad 100644
--- a/app/src/translations/fr.json
+++ b/app/src/translations/fr.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/hr.json b/app/src/translations/hr.json
index ac7afa1..54702ad 100644
--- a/app/src/translations/hr.json
+++ b/app/src/translations/hr.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Zvuk obavijesti",
 	"settings.showNotifications": "Prikaži obavijesti",
 	"settings.buttonControlBar": "Razdvoji upravljanje medijima",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": "Poništavanje jeke",
 	"settings.autoGainControl": "Automatsko upravljanje jačinom zvuka",
diff --git a/app/src/translations/hu.json b/app/src/translations/hu.json
index eb07660..01e8ee3 100644
--- a/app/src/translations/hu.json
+++ b/app/src/translations/hu.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Értesítések hangjelzéssel",
 	"settings.showNotifications": "Értesítések megjelenítése",
 	"settings.buttonControlBar": "Médiavezérlő gombok leválasztása",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": "Speciális hang beállítások",
 	"settings.echoCancellation": "Visszhangelnyomás",
 	"settings.autoGainControl": "Automatikus hangerő",
diff --git a/app/src/translations/it.json b/app/src/translations/it.json
index d771cb5..57d1e1b 100644
--- a/app/src/translations/it.json
+++ b/app/src/translations/it.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Suoni di notifica",
 	"settings.showNotifications": "Mostra notifiche",
 	"settings.buttonControlBar": "Controlli media separati",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": "Cancellazione echo",
 	"settings.autoGainControl": "Controllo guadagno automatico",
diff --git a/app/src/translations/lv.json b/app/src/translations/lv.json
index 1d34640..bd5ca05 100644
--- a/app/src/translations/lv.json
+++ b/app/src/translations/lv.json
@@ -138,6 +138,7 @@
 	"settings.notificationSounds": "Paziņojumu skaņas",
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/nb.json b/app/src/translations/nb.json
index da3da4a..fa0a9b2 100644
--- a/app/src/translations/nb.json
+++ b/app/src/translations/nb.json
@@ -140,6 +140,7 @@
 	"settings.advancedMode": "Avansert modus",
 	"settings.permanentTopBar": "Permanent topplinje",
 	"settings.lastn": "Antall videoer synlig",
+	"settings.showAdvancedVideo": "Avanserte videoinnstillinger",
 	"settings.showAdvancedAudio": "Avanserte audioinnstillinger",
 	"settings.hiddenControls": "Skjul media knapper",
 	"settings.notificationSounds": "Varslingslyder",
diff --git a/app/src/translations/pl.json b/app/src/translations/pl.json
index da76b67..d89059a 100644
--- a/app/src/translations/pl.json
+++ b/app/src/translations/pl.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": "Powiadomienia dźwiękiem",
 	"settings.showNotifications": "Pokaż powiadomienia",
 	"settings.buttonControlBar": "Rozdziel kontrolki mediów",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": "Usuwanie echa",
 	"settings.autoGainControl": "Auto korekta wzmocnienia",
diff --git a/app/src/translations/pt.json b/app/src/translations/pt.json
index 0d1979d..fcd4956 100644
--- a/app/src/translations/pt.json
+++ b/app/src/translations/pt.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/ro.json b/app/src/translations/ro.json
index 65481a9..ac909e3 100644
--- a/app/src/translations/ro.json
+++ b/app/src/translations/ro.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/tr.json b/app/src/translations/tr.json
index c20a45a..6ebe285 100644
--- a/app/src/translations/tr.json
+++ b/app/src/translations/tr.json
@@ -141,6 +141,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,
diff --git a/app/src/translations/tw.json b/app/src/translations/tw.json
index ce5392d..454d856 100644
--- a/app/src/translations/tw.json
+++ b/app/src/translations/tw.json
@@ -143,6 +143,7 @@
 	"settings.notificationSounds": "通知音效",
 	"settings.showNotifications": "顯示通知",
 	"settings.buttonControlBar": "獨立控制按鈕",
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": "回音消除",
 	"settings.autoGainControl": "自動增益控制",
diff --git a/app/src/translations/uk.json b/app/src/translations/uk.json
index 8bd4a2c..767856e 100644
--- a/app/src/translations/uk.json
+++ b/app/src/translations/uk.json
@@ -144,6 +144,7 @@
 	"settings.notificationSounds": null,
 	"settings.showNotifications": null,
 	"settings.buttonControlBar": null,
+	"settings.showAdvancedVideo": null,
 	"settings.showAdvancedAudio": null,
 	"settings.echoCancellation": null,
 	"settings.autoGainControl": null,