🐛 fix: ensure camera source is checked before stream capture in Recorder

Refactors the camera stream capture logic to first check if a camera source is selected. This avoids unnecessary attempts to capture a camera stream when no camera source is selected, leading to a more efficient and error-free user experience.

- Adds a condition to verify the existence of a camera source before attempting to capture the camera stream.
- Ensures the application only attempts to capture from the camera when a valid camera source is provided, preventing potential errors or unexpected behaviors in the absence of a camera source.

Author: mangledbottles

apps/desktop/src/components/Recorder.tsx

@@ -244,18 +244,20 @@ export function Recorder({
           setAudioStream(audioStream);
 
           // Capture the camera stream
-          const cameraStream = await navigator.mediaDevices.getUserMedia({
-            video: {
-              deviceId: cameraSource?.deviceId,
-              width: 240,
-              height: 180,
-              aspectRatio: 1,
-              facingMode: "user",
-              frameRate: 60,
-            },
-            audio: false,
-          });
-          setCameraStream(cameraStream);
+          if (cameraSource) {
+            const cameraStream = await navigator.mediaDevices.getUserMedia({
+              video: {
+                deviceId: cameraSource?.deviceId,
+                width: 240,
+                height: 180,
+                aspectRatio: 1,
+                facingMode: "user",
+                frameRate: 60,
+              },
+              audio: false,
+            });
+            setCameraStream(cameraStream);
+          }
 
           const combinedStream = new MediaStream([
             screenStream.getVideoTracks()[0],
@@ -274,7 +276,11 @@ export function Recorder({
             videoRef.current.srcObject = screenStream;
 
           // Entire screen and a camera is selected
-          if (selectedSource.sourceType === "window" && cameraSource) {
+          if (
+            selectedSource.sourceType === "window" &&
+            cameraSource &&
+            cameraStream
+          ) {
             const cameraRecorder = new MediaRecorder(cameraStream, {
               mimeType: "video/webm; codecs=vp9,opus",
             });