From 59ca63cd2e556c43277772a05f4dbf9a879ae7f3 Mon Sep 17 00:00:00 2001
From: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
Date: Thu, 16 Sep 2021 08:02:23 -0700
Subject: [PATCH] Use `audio.ended` in MessageAudio.tsx

---
 ts/components/conversation/MessageAudio.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversation/MessageAudio.tsx b/ts/components/conversation/MessageAudio.tsx
index cffd20edb5..58e69d347e 100644
--- a/ts/components/conversation/MessageAudio.tsx
+++ b/ts/components/conversation/MessageAudio.tsx
@@ -180,7 +180,9 @@ export const MessageAudio: React.FC<Props> = (props: Props) => {
     activeAudioID === id && activeAudioContext === renderingContext;
 
   const waveformRef = useRef<HTMLDivElement | null>(null);
-  const [isPlaying, setIsPlaying] = useState(isActive && !audio.paused);
+  const [isPlaying, setIsPlaying] = useState(
+    isActive && !(audio.paused || audio.ended)
+  );
   const [currentTime, setCurrentTime] = useState(
     isActive ? audio.currentTime : 0
   );