update: queue handling user input as well

Technoculture · Sep 23, 2024 · 7975477 · 7975477
1 parent c316649
commit 7975477
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/components/inputBar.tsx b/src/components/inputBar.tsx
@@ -371,7 +371,9 @@ const InputBar = (props: InputBarProps) => {
   };
 
   useEffect(() => {
-    props?.setInput?.(Object.values(transcriptHashTable).join(" "));
+    if (Object.keys(transcriptHashTable).length > 0) {
+      props?.setInput?.(Object.values(transcriptHashTable).join(" "));
+    }
   }, [transcriptHashTable]);
   useEffect(() => {
     if (
@@ -600,9 +602,16 @@ const InputBar = (props: InputBarProps) => {
               onStartListening={() => {
                 setIsBlinking(true);
                 setIsAudioWaveVisible(true);
+                const newAudioId = audioId + 1;
+                setAudioId(newAudioId);
+                setTranscriptHashTable((prev) => ({
+                  ...prev,
+                  [newAudioId]: props.value,
+                }));
               }}
               onStopListening={() => {
                 setIsBlinking(false);
+                setTranscriptHashTable({});
                 setIsAudioWaveVisible(false);
               }}
               // disabled={isRecording || isTranscribing || disableInputs}

diff --git a/src/components/inputBar2.tsx b/src/components/inputBar2.tsx
@@ -360,7 +360,9 @@ const InputBar = (props: InputBarProps) => {
   };
 
   useEffect(() => {
-    props?.setInput?.(Object.values(transcriptHashTable).join(" "));
+    if (Object.keys(transcriptHashTable).length > 0) {
+      props?.setInput?.(Object.values(transcriptHashTable).join(" "));
+    }
   }, [transcriptHashTable]);
 
   //TODO:
@@ -457,9 +459,17 @@ const InputBar = (props: InputBarProps) => {
                 onStartListening={() => {
                   setIsBlinking(true);
                   setIsAudioWaveVisible(true);
+                  const newAudioId = audioId + 1;
+                  setAudioId(newAudioId);
+                  setTranscriptHashTable((prev) => ({
+                    ...prev,
+                    [newAudioId]: props?.value || "",
+                  }));
+                  setIsAudioWaveVisible(true);
                 }}
                 onStopListening={() => {
                   setIsBlinking(false);
+                  setTranscriptHashTable({});
                   setIsAudioWaveVisible(false);
                 }}
                 // disabled={isRecording || isTranscribing || disableInputs}