fix: disable stt button

betagouv · Feb 28, 2025 · 92e45e7 · 92e45e7
1 parent 212bdc2
commit 92e45e7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/packages/frontend/src/features/InfoForm.tsx b/packages/frontend/src/features/InfoForm.tsx
@@ -239,6 +239,7 @@ const DescriptionInput = () => {
         <Flex justifyContent="space-between" w="100%">
           <span>Description</span>
           <SpeechRecorder
+            disabled={isFormDisabled}
             onStart={() => {
               setIsRecording(true);
               valueRef.current = form.watch("projectDescription") ?? "";

diff --git a/packages/frontend/src/features/NotesForm.tsx b/packages/frontend/src/features/NotesForm.tsx
@@ -75,6 +75,7 @@ const PrecisionsTextArea = () => {
         <Flex justifyContent="space-between" w="100%">
           <span>Commentaire</span>
           <SpeechRecorder
+            disabled={isFormDisabled}
             onStart={() => {
               setIsRecording(true);
               valueRef.current = form.watch("precisions") ?? "";

diff --git a/packages/frontend/src/features/audio-record/SpeechRecorder.tsx b/packages/frontend/src/features/audio-record/SpeechRecorder.tsx
@@ -8,11 +8,13 @@ export const SpeechRecorder = ({
   onFinalText,
   onStart,
   onStop,
+  disabled,
 }: {
   onInterimText: (text: string) => void;
   onFinalText: (text: string) => void;
   onStart: () => void;
   onStop: () => void;
+  disabled?: boolean;
 }) => {
   const [isRecording, setIsRecording] = useState(false);
   const [error, setError] = useState("");
@@ -106,6 +108,7 @@ export const SpeechRecorder = ({
 
   return (
     <Button
+      disabled={disabled}
       type="button"
       priority={isRecording ? "primary" : "tertiary"}
       iconId="ri-mic-fill"