refactor

enjoy/src/renderer/components/conversations/speech-player.tsx

@@ -22,7 +22,7 @@ export const SpeechPlayer = (props: {
   const [initialized, setInitialized] = useState(false);
 
   const onPlayClick = useCallback(() => {
-    wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play();
+    wavesurfer.playPause();
   }, [wavesurfer]);
 
   useEffect(() => {

enjoy/src/renderer/components/medias/media-player-controls.tsx

@@ -67,11 +67,7 @@ export const MediaPlayerControls = () => {
   const playOrPause = () => {
     if (!wavesurfer) return;
 
-    if (wavesurfer.isPlaying()) {
-      wavesurfer.pause();
-    } else {
-      wavesurfer.play();
-    }
+    wavesurfer.playPause();
   };
   const debouncedPlayOrPause = debounce(playOrPause, 100);
 

enjoy/src/renderer/components/misc/wavesurfer-player.tsx

@@ -46,7 +46,7 @@ export const WavesurferPlayer = (props: {
   const onPlayClick = useCallback(() => {
     if (!wavesurfer) return;
 
-    wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play();
+    wavesurfer.playPause();
   }, [wavesurfer]);
 
   const initialize = () => {

enjoy/src/renderer/components/recordings/recording-player.tsx

@@ -34,7 +34,7 @@ export const RecordingPlayer = (props: {
   const [initialized, setInitialized] = useState(false);
 
   const onPlayClick = useCallback(() => {
-    wavesurfer.isPlaying() ? wavesurfer.pause() : wavesurfer.play();
+    wavesurfer.playPause();
   }, [wavesurfer]);
 
   useEffect(() => {
@@ -107,11 +107,7 @@ export const RecordingPlayer = (props: {
 
   useEffect(() => {
     if (!wavesurfer) return;
-    if (isPlaying) {
-      wavesurfer.play();
-    } else {
-      wavesurfer.pause();
-    }
+    wavesurfer.playPause();
   }, [isPlaying, wavesurfer]);
 
   return (