fix(webrtc): fix invalid hook call in device settings modal for bgMode

This commit is contained in:
2026-07-06 13:13:05 +00:00
parent 239640975f
commit 2631e6ce4a
+2 -1
View File
@@ -7,6 +7,7 @@ interface Props {
export function DeviceSettingsModal({ onClose }: Props) { export function DeviceSettingsModal({ onClose }: Props) {
const room = useVoiceStore((s) => s._room); const room = useVoiceStore((s) => s._room);
const bgMode = useVoiceStore((s) => s.bgMode);
const [audioInputs, setAudioInputs] = useState<MediaDeviceInfo[]>([]); const [audioInputs, setAudioInputs] = useState<MediaDeviceInfo[]>([]);
const [audioOutputs, setAudioOutputs] = useState<MediaDeviceInfo[]>([]); const [audioOutputs, setAudioOutputs] = useState<MediaDeviceInfo[]>([]);
const [videoInputs, setVideoInputs] = useState<MediaDeviceInfo[]>([]); const [videoInputs, setVideoInputs] = useState<MediaDeviceInfo[]>([]);
@@ -106,7 +107,7 @@ export function DeviceSettingsModal({ onClose }: Props) {
<div> <div>
<label className="block text-xxs text-gb-fg-s mb-1">Background Effect</label> <label className="block text-xxs text-gb-fg-s mb-1">Background Effect</label>
<select <select
value={useVoiceStore((s) => s.bgMode)} value={bgMode}
onChange={(e) => { onChange={(e) => {
const mode = e.target.value as 'disabled' | 'background-blur' | 'virtual-background'; const mode = e.target.value as 'disabled' | 'background-blur' | 'virtual-background';
if (mode === 'virtual-background') { if (mode === 'virtual-background') {