Add Funk Volume to Settings

apps/dispatch/app/_components/navbar/Settings.tsx

@@ -37,6 +37,7 @@ export const SettingsBtn = () => {
 	);
 	const [showIndication, setShowIndication] = useState<boolean>(false);
 	const [micVol, setMicVol] = useState<number>(1);
+	const [funkVolume, setFunkVol] = useState<number>(0.8);
 	const [dmeVolume, setDmeVol] = useState<number>(0.8);
 
 	const setMic = useAudioStore((state) => state.setMic);
@@ -46,6 +47,7 @@ export const SettingsBtn = () => {
 			setSelectedDevice(user.settingsMicDevice);
 			setMic(user.settingsMicDevice, user.settingsMicVolume || 1);
 			setMicVol(user.settingsMicVolume || 1);
+			setFunkVol(user.settingsFunkVolume || 0.8);
 			setDmeVol(user.settingsDmeVolume || 0.8);
 		}
 	}, [user, setMic]);
@@ -74,7 +76,7 @@ export const SettingsBtn = () => {
 						<SettingsIcon size={20} /> Einstellungen
 					</h3>
 					<div className="flex flex-col items-center justify-center">
-						<fieldset className="fieldset w-full">
+						<fieldset className="fieldset w-full mb-2">
 							<label className="floating-label w-full text-base">
 								<span>Eingabegerät</span>
 								<select
@@ -96,8 +98,8 @@ export const SettingsBtn = () => {
 								</select>
 							</label>
 						</fieldset>
-						<p className="flex items-center gap-2 text-base mb-2">
-							<Volume2 size={20} /> Microfonlautstärke
+						<p className="flex items-center gap-2 text-base mb-2 justify-start w-full">
+							<Volume2 size={20} /> Eingabelautstärke
 						</p>
 						<div className="w-full">
 							<input
@@ -114,10 +116,11 @@ export const SettingsBtn = () => {
 								className="range range-xs range-accent w-full"
 							/>
 							<div className="flex justify-between px-2.5 mt-2 text-xs">
-								<span>0</span>
-								<span>100</span>
-								<span>200</span>
-								<span>300</span>
+								<span>0%</span>
+								<span>25%</span>
+								<span>50%</span>
+								<span>75%</span>
+								<span>100%</span>
 							</div>
 						</div>
 						{showIndication && (
@@ -125,6 +128,33 @@ export const SettingsBtn = () => {
 						)}
 						<div className="divider w-full" />
 					</div>
+					<p className="flex items-center gap-2 text-base mb-2">
+						<Volume2 size={20} /> Funk Lautstärke
+					</p>
+					<div className="w-full mb-2">
+						<input
+							type="range"
+							min={0}
+							max={1}
+							step={0.01}
+							onChange={(e) => {
+								const value = parseFloat(e.target.value);
+								setFunkVol(value);
+							}}
+							value={funkVolume}
+							className="range range-xs range-primary w-full"
+						/>
+						<div className="flex justify-between px-2.5 mt-2 text-xs">
+							<span>0%</span>
+							<span>25%</span>
+							<span>50%</span>
+							<span>75%</span>
+							<span>100%</span>
+						</div>
+					</div>
+					<div className="flex justify-center w-full">
+						<div className="divider w-1/2" />
+					</div>
 					<p className="flex items-center gap-2 text-base mb-2">
 						<Volume2 size={20} /> Melder Lautstärke
 					</p>
@@ -142,11 +172,14 @@ export const SettingsBtn = () => {
 								testSoundRef.current.play();
 							}}
 							value={dmeVolume}
-							className="range range-xs range-accent w-full"
+							className="range range-xs range-primary w-full"
 						/>
 						<div className="flex justify-between px-2.5 mt-2 text-xs">
-							<span>0</span>
-							<span>100</span>
+							<span>0%</span>
+							<span>25%</span>
+							<span>50%</span>
+							<span>75%</span>
+							<span>100%</span>
 						</div>
 					</div>
 
@@ -172,6 +205,7 @@ export const SettingsBtn = () => {
 									user: {
 										settingsMicDevice: selectedDevice,
 										settingsMicVolume: micVol,
+										settingsFunkVolume: funkVolume,
 										settingsDmeVolume: dmeVolume,
 									},
 								});

packages/database/prisma/schema/user.prisma

@@ -35,6 +35,7 @@ model User {
     settingsMicDevice    String? @map(name: "settings_mic_device")
     settingsMicVolume    Float?  @map(name: "settings_mic_volume")
     settingsDmeVolume    Float?  @map(name: "settings_dme_volume")
+    settingsFunkVolume   Float?  @map(name: "settings_funk_volume")
     settingsHideLastname Boolean @default(false) @map(name: "settings_hide_lastname")
 
     // email Verification: