disable dropdown when recording

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}