fix(webrtc): fix invalid hook call in device settings modal for bgMode
This commit is contained in:
@@ -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') {
|
||||||
|
|||||||
Reference in New Issue
Block a user