From 0d79d552864dff847bae1f146faec61527a2d803 Mon Sep 17 00:00:00 2001
From: aliraza556 <alirazaakhtar1122@gmail.com>
Date: Tue, 29 Oct 2024 00:21:28 +0500
Subject: [PATCH] fix(ai-seach): listen button stuck pause state

---
 src/components/App/SideBar/AiSummary/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/App/SideBar/AiSummary/index.tsx b/src/components/App/SideBar/AiSummary/index.tsx
index f3fe85319..7fcf665ae 100644
--- a/src/components/App/SideBar/AiSummary/index.tsx
+++ b/src/components/App/SideBar/AiSummary/index.tsx
@@ -48,6 +48,7 @@ export const AiSummary = ({ question, response, refId }: Props) => {
   const { setAiSummaryAnswer } = useAiSummaryStore((s) => s)
   const audioRef = useRef<HTMLAudioElement | null>(null)
   const { currentPlayingAudio, setCurrentPlayingAudio } = useAppStore((s) => s)
+  const [isPlaying, setIsPlaying] = useState(false)
 
   useEffect(() => {
     if (ref.current) {
@@ -60,6 +61,7 @@ export const AiSummary = ({ question, response, refId }: Props) => {
 
     const onAudioPlaybackComplete = () => {
       setCurrentPlayingAudio(null)
+      setIsPlaying(false)
     }
 
     if (audioElement) {
@@ -71,7 +73,7 @@ export const AiSummary = ({ question, response, refId }: Props) => {
         audioElement.removeEventListener('ended', onAudioPlaybackComplete)
       }
     }
-  }, [setCurrentPlayingAudio])
+  }, [setCurrentPlayingAudio, isPlaying])
 
   const toggleCollapse = () => {
     setCollapsed(!collapsed)
@@ -88,9 +90,11 @@ export const AiSummary = ({ question, response, refId }: Props) => {
       if (audioRef.current.paused) {
         audioRef.current.play()
         setCurrentPlayingAudio(audioRef)
+        setIsPlaying(true)
       } else {
         audioRef.current.pause()
         setCurrentPlayingAudio(null)
+        setIsPlaying(false)
       }
     }
   }