hides mic switch the right way

This commit is contained in:
Sara
2023-10-04 15:45:21 +02:00
parent 12ad721c1f
commit d08962a610
2 changed files with 6 additions and 15 deletions

View File

@@ -279,7 +279,7 @@ export default function Recorder(props: RecorderProps) {
useEffect(() => {
if (props.audioDevices && props.audioDevices.length > 0) {
setDeviceId[props.audioDevices[0].value];
setDeviceId(props.audioDevices[0].value);
}
}, [props.audioDevices]);
@@ -347,7 +347,7 @@ export default function Recorder(props: RecorderProps) {
>
{isRecording ? "Stop" : "Record"}
</button>
{props.audioDevices && props.audioDevices?.length > 0 && (
{props.audioDevices && props.audioDevices?.length > 0 && deviceId && (
<>
<button
className="text-center text-blue-400 hover:text-blue-700 ml-2 md:ml:4 p-2 rounded-lg focus-visible:outline outline-blue-400"
@@ -365,6 +365,7 @@ export default function Recorder(props: RecorderProps) {
audioDevices={props.audioDevices}
disabled={recordStarted}
hide={() => setShowDevices(false)}
deviceId={deviceId}
/>
</div>
</>