Fix permission detection system on firefox

www/app/transcripts/new/page.tsx

@@ -44,6 +44,7 @@ const TranscriptCreate = () => {
     requestPermission,
     getAudioStream,
   } = useAudioDevice();
+
   const [hasRecorded, setHasRecorded] = useState(false);
   const [transcriptStarted, setTranscriptStarted] = useState(false);
 

www/app/transcripts/recorder.tsx

@@ -57,7 +57,7 @@ export default function Recorder(props: RecorderProps) {
     const handleKeyPress = (event: KeyboardEvent) => {
       switch (event.key) {
         case "~":
-          location.href = ""
+          location.href = "";
           break;
         case ",":
           location.href = "/transcripts/new";

www/app/transcripts/useAudioDevice.ts

@@ -21,6 +21,21 @@ const useAudioDevice = () => {
   }, [permissionOk]);
 
   const checkPermission = (): void => {
+    if (navigator.userAgent.includes("Firefox")) {
+      navigator.mediaDevices
+        .getUserMedia({ audio: true, video: false })
+        .then((stream) => {
+          setPermissionOk(true);
+          setPermissionDenied(false);
+        })
+        .catch((e) => {
+          setPermissionOk(false);
+          setPermissionDenied(false);
+        })
+        .finally(() => setLoading(false));
+      return;
+    }
+
     navigator.permissions
       .query(MIC_QUERY)
       .then((permissionStatus) => {