From 44d85968729c80aeab6e63f7b9973170059ba3cf Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Mon, 15 Jul 2024 18:48:21 +0200
Subject: [PATCH] fix: removed title button

---
 .../components/Chat/Messages/MessageAudio.tsx  | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Chat/Messages/MessageAudio.tsx b/client/src/components/Chat/Messages/MessageAudio.tsx
index d543f31d07..4a017d384c 100644
--- a/client/src/components/Chat/Messages/MessageAudio.tsx
+++ b/client/src/components/Chat/Messages/MessageAudio.tsx
@@ -24,6 +24,7 @@ export default function MessageAudio({ index, message, isLast }: THoverButtons)
   const isMouseDownRef = useRef(false);
   const timerRef = useRef<NodeJS.Timeout | null>(null);
   const counterRef = useRef(0);
+  const hasTriggeredSpeechRef = useRef(false);
 
   const renderIcon = (size: string) => {
     if (isLoading) {
@@ -110,18 +111,23 @@ export default function MessageAudio({ index, message, isLast }: THoverButtons)
                 }
               }}
               type="button"
-              title={isSpeaking ? localize('com_ui_stop') : localize('com_ui_read_aloud')}
             >
               {renderIcon('19')}
             </button>
           </TooltipTrigger>
           <TooltipContent side="bottom" sideOffset={0}>
             <div className="space-y-2">
-              <p className="text-center text-sm text-gray-600 dark:text-gray-300">
-                {localize('com_ui_read_aloud')}
-                <br />
-                {audioText}
-              </p>
+              {isSpeaking ? (
+                <p className="text-center text-sm text-gray-600 dark:text-gray-300">
+                  {localize('com_ui_stop')}
+                </p>
+              ) : (
+                <p className="text-center text-sm text-gray-600 dark:text-gray-300">
+                  {localize('com_ui_read_aloud')}
+                  <br />
+                  {audioText}
+                </p>
+              )}
             </div>
           </TooltipContent>
         </Tooltip>