From 3fe6c5ba33a3a3734969812a4f16917c81c16f82 Mon Sep 17 00:00:00 2001
From: Jose B <jose.zdy@gmail.com>
Date: Fri, 21 Jul 2023 07:44:16 -0500
Subject: [PATCH] disable dropdown when recording

---
 app/components/record.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/record.js b/app/components/record.js
index 92d339aa..56f83e82 100644
--- a/app/components/record.js
+++ b/app/components/record.js
@@ -43,6 +43,7 @@ const AudioInputsDropdown = (props) => {
       options={ddOptions}
       onChange={handleDropdownChange}
       value={ddOptions[0]}
+      disabled={props.disabled}
     />
   )
 }
@@ -115,7 +116,7 @@ export default function Recorder(props) {
   return (
     <div className="flex flex-col items-center justify-center max-w-[75vw] w-full">
       <div className="flex my-2 mx-auto">
-        <AudioInputsDropdown setDeviceId={setDeviceId} />
+        <AudioInputsDropdown setDeviceId={setDeviceId} disabled={isRecording} />
         &nbsp;
         <button
           onClick={handleRecClick}