From 2ecf252a573963c15018519dd5a28e90841a6ef2 Mon Sep 17 00:00:00 2001
From: Ingo Oppermann <ingo@datarhei.com>
Date: Wed, 25 Sep 2024 15:03:18 +0200
Subject: [PATCH] Fix settings name, disable select

---
 src/misc/controls/Preview.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/misc/controls/Preview.js b/src/misc/controls/Preview.js
index 1078b66..580537e 100644
--- a/src/misc/controls/Preview.js
+++ b/src/misc/controls/Preview.js
@@ -47,7 +47,7 @@ export default function Control(props) {
 				<Checkbox label={<Trans>Enable browser-compatible H.264 stream</Trans>} checked={settings.enable} onChange={handleChange('enable')} />
 			</Grid>
 			<Grid item xs={12} md={6}>
-				<Select label={<Trans>Video Codec</Trans>} value={settings.video_codec} onChange={handleChange('video_encoder')}>
+				<Select label={<Trans>Video Codec</Trans>} value={settings.video_encoder} disabled={!settings.enable} onChange={handleChange('video_encoder')}>
 					<MenuItem value="libx264" disabled={!encoders.includes('libx264')}>
 						H.264 (libx264)
 					</MenuItem>
@@ -77,5 +77,6 @@ export default function Control(props) {
 
 Control.defaulProps = {
 	settings: {},
+	encoders: [],
 	onChange: function (settings, automatic) {},
 };