debounce piper button

timothycarambat · timothycarambat · commit 74d5f3adc588 · 2024-08-07T14:28:57.000-07:00
diff --git a/frontend/src/components/TextToSpeech/PiperTTSOptions/index.jsx b/frontend/src/components/TextToSpeech/PiperTTSOptions/index.jsx
@@ -185,6 +185,7 @@ function DemoVoiceSample({ voiceId }) {
     <button
       type="button"
       onClick={speakMessage}
+      disabled={loading}
       className="border-none text-zinc-300 flex items-center gap-x-1"
     >
       {speaking ? (
diff --git a/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/piperTTS.jsx b/frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/HistoricalMessage/Actions/TTSButton/piperTTS.jsx
@@ -53,6 +53,7 @@ export default function PiperTTS({ voiceId = null, message }) {
       <button
         type="button"
         onClick={speakMessage}
+        disabled={loading}
         data-tooltip-id="message-to-speech"
         data-tooltip-content={
           speaking ? "Pause TTS speech of message" : "TTS Speak message"

Original file line number	Diff line number	Diff line change
`@@ -185,6 +185,7 @@ function DemoVoiceSample({ voiceId }) {`
`185`	`185`	`<button`
`186`	`186`	`type="button"`
`187`	`187`	`onClick={speakMessage}`
	`188`	`+ disabled={loading}`
`188`	`189`	`className="border-none text-zinc-300 flex items-center gap-x-1"`
`189`	`190`	`>`
`190`	`191`	`{speaking ? (`