Stop recording

Author: ashercoren

vim--ai-scribe--react/src/components/organisms/ai-scribe-demo/useRecorder.ts

@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
 import { useVimOsContext } from "@/providers/VimOSContext";
 
 export const useRecorder = () => {
+  const [stream, setStream] = useState<MediaStream | null>(null);
   const [isPaused, setIsPaused] = useState(false);
   const [isRecording, setIsRecording] = useState(false);
   const [recordingTime, setRecordingTime] = useState(0);
@@ -20,7 +21,8 @@ export const useRecorder = () => {
 
   const simulateRecording = useCallback(async () => {
     try {
-      await navigator.mediaDevices.getUserMedia({ audio: true });
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      setStream(stream);
       // Show the VimOS microphone badge to indicate active recording
       vimOS?.hub?.microphoneBadge?.show?.();
       setIsRecording(true);
@@ -34,12 +36,15 @@ export const useRecorder = () => {
   }, [vimOS]);
 
   const stopRecording = useCallback(() => {
+    if (stream) {
+      stream.getTracks().forEach((track) => track.stop());
+    }
     setIsRecording(false);
     setIsPaused(false);
     setRecordingTime(0);
     // Hide the VimOS microphone badge when recording stops
     vimOS?.hub?.microphoneBadge?.hide?.();
-  }, [vimOS]);
+  }, [vimOS, stream]);
 
   return {
     isPaused,