From b2975c96dd5842507802905ae79644759a3fffca Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Sat, 22 Apr 2023 08:59:14 +0200
Subject: [PATCH] end recoding if user stopps sharing his screen

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

diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index 0d59ac6..40bec3b 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -70,6 +70,11 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
       .getVideoTracks()
       .forEach((track) => mediaStream.addTrack(track));
 
+    const firstVideoTrack = screenStream.getVideoTracks()[0];
+    if (firstVideoTrack) {
+      firstVideoTrack.addEventListener("ended", () => handleStop());
+    }
+
     setStream(mediaStream);
     recorderRef.current = new RecordRTC(mediaStream, { type: "video" });
     recorderRef.current.startRecording();