added dme volume

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

@@ -30,13 +30,17 @@ export const SettingsBtn = () => {
 	);
 	const [showIndication, setShowInducation] = useState<boolean>(false);
 	const [micVol, setMicVol] = useState<number>(1);
+	const [dmeVolume, setDmeVol] = useState<number>(1);
 
 	const setMic = useAudioStore((state) => state.setMic);
 
+	console.log("user", user);
+
 	useEffect(() => {
-		if (user?.settingsMicDevice) {
+		if (user) {
 			setSelectedDevice(user.settingsMicDevice);
 			setMic(user.settingsMicDevice, user.settingsMicVolume || 1);
+			setMicVol(user.settingsMicVolume || 1);
 		}
 	}, [user, setMic]);
 
@@ -128,16 +132,23 @@ export const SettingsBtn = () => {
 						<input
 							type="range"
 							min={0}
-							max={100}
-							defaultValue={40}
+							max={3}
+							step={0.01}
+							onChange={(e) => {
+								const value = parseFloat(e.target.value);
+								setDmeVol(value);
+								// Hier kannst du den Lautstärkewert verwenden
+								setShowInducation(true);
+								console.log("Lautstärke:", value);
+							}}
+							value={dmeVolume}
 							className="range range-xs range-accent 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>
+							<span>200</span>
+							<span>300</span>
 						</div>
 					</div>
 
@@ -161,6 +172,7 @@ export const SettingsBtn = () => {
 									user: {
 										settingsMicDevice: selectedDevice,
 										settingsMicVolume: micVol,
+										settingsDmeVolume: dmeVolume,
 									},
 								});
 								setMic(selectedDevice, micVol);