diff --git a/apps/dispatch/app/_components/navbar/Settings.tsx b/apps/dispatch/app/_components/navbar/Settings.tsx index 011e2b5d..1bb6f4be 100644 --- a/apps/dispatch/app/_components/navbar/Settings.tsx +++ b/apps/dispatch/app/_components/navbar/Settings.tsx @@ -16,31 +16,37 @@ export const SettingsBtn = () => { queryKey: ["user", session.data?.user.id], queryFn: () => getUserAPI(session.data!.user.id), }); + const testSoundRef = useRef(null); const editUserMutation = useMutation({ mutationFn: ({ user }: { user: Prisma.UserUpdateInput }) => editUserAPI(session.data!.user.id, user), }); + useEffect(() => { + if (typeof window !== "undefined") { + testSoundRef.current = new Audio("/sounds/Melder3.wav"); + } + }, []); + const modalRef = useRef(null); const [inputDevices, setInputDevices] = useState([]); const [selectedDevice, setSelectedDevice] = useState( user?.settingsMicDevice || null, ); - const [showIndication, setShowInducation] = useState(false); + const [showIndication, setShowIndication] = useState(false); const [micVol, setMicVol] = useState(1); const [dmeVolume, setDmeVol] = useState(1); const setMic = useAudioStore((state) => state.setMic); - console.log("user", user); - useEffect(() => { if (user) { setSelectedDevice(user.settingsMicDevice); setMic(user.settingsMicDevice, user.settingsMicVolume || 1); setMicVol(user.settingsMicVolume || 1); + setDmeVol(user.settingsDmeVolume || 1); } }, [user, setMic]); @@ -76,7 +82,7 @@ export const SettingsBtn = () => { value={selectedDevice ? selectedDevice : ""} onChange={(e) => { setSelectedDevice(e.target.value); - setShowInducation(true); + setShowIndication(true); }} >