diff --git a/fluxer_app/src/components/uikit/ContextMenu/items/MessageMenuItems.tsx b/fluxer_app/src/components/uikit/ContextMenu/items/MessageMenuItems.tsx index e13dfee7..29f80daf 100644 --- a/fluxer_app/src/components/uikit/ContextMenu/items/MessageMenuItems.tsx +++ b/fluxer_app/src/components/uikit/ContextMenu/items/MessageMenuItems.tsx @@ -318,7 +318,12 @@ type SpeakMessageMenuItemProps = MessageMenuItemProps; export const SpeakMessageMenuItem: React.FC = observer(({message, onClose}) => { const {t} = useLingui(); const handleSpeak = React.useCallback(() => { - TtsUtils.speakMessage(message.content); + if (TtsUtils.isSpeaking()) { + TtsUtils.stop(); + } else { + TtsUtils.speakMessage(message.content); + } + onClose(); }, [message.content, onClose]);