From 0ddeda1f1c1ac354a29c98b30662eae4345cb0b1 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Mon, 1 May 2023 22:49:18 +0200
Subject: [PATCH] fix/not asking for mic permissions (first time)

---
 src/components/Recorder.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index c62dbbb..80b9b66 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -135,6 +135,11 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
   useEffect(() => {
     async function getAudioDevices() {
       try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: { echoCancellation: false },
+        });
+        stream.getTracks().forEach((track) => track.stop()); // release the stream
+
         const devices = await navigator.mediaDevices.enumerateDevices();
         const audioDevices = devices.filter(
           (device) => device.kind === "audioinput"
@@ -368,7 +373,7 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
               {submitting ? (
                 <>
                   <svg
-                    className="-ml-1 mr-3 h-5 w-5 animate-spin text-white"
+                    className="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
                     xmlns="http://www.w3.org/2000/svg"
                     fill="none"
                     viewBox="0 0 24 24"