diff --git a/shared/js/ui/modal/settings/Microphone.scss b/shared/js/ui/modal/settings/Microphone.scss index 66ef89df..9721b0e2 100644 --- a/shared/js/ui/modal/settings/Microphone.scss +++ b/shared/js/ui/modal/settings/Microphone.scss @@ -187,6 +187,8 @@ width: 100%; background: transparent; + z-index: 10; + .filler { display: none; } diff --git a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx index a2447bca..5bfdab15 100644 --- a/shared/js/ui/modal/settings/MicrophoneRenderer.tsx +++ b/shared/js/ui/modal/settings/MicrophoneRenderer.tsx @@ -47,6 +47,8 @@ const ActivityBar = (props: { events: Registry, device const refHider = useRef(); const [status, setStatus] = useState({mode: "loading"}); + if(typeof props.deviceId === "undefined") { throw "invalid device id"; } + props.events.reactUse("notify_device_level", event => { if (event.status === "uninitialized") { if (status.mode === "uninitialized") @@ -62,8 +64,9 @@ const ActivityBar = (props: { events: Registry, device } else { const device = event.level[props.deviceId]; if (!device) { - if (status.mode === "loading") + if (status.mode === "loading") { return; + } setStatus({mode: "loading"}); } else if (device.status === "success") { @@ -503,7 +506,7 @@ const ThresholdSelector = (props: { events: Registry } return (
- +