Recording view. fixed missing audio stop

nethesis · Mar 8, 2024 · e43a0f3 · e43a0f3
1 parent d7e3187
commit e43a0f3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/components/AudioPlayerView/Avatar.tsx b/src/components/AudioPlayerView/Avatar.tsx
@@ -22,11 +22,23 @@ export const Avatar: FC<AvatarProps> = ({ type }) => {
       className='pi-w-12 pi-h-12 pi-bg-gray-500 pi-rounded-xl pi-flex pi-items-center pi-justify-center pi-flex-shrink-0 pi-flex-grow-0'
     >
       {type === 'announcement' ? (
-        <FontAwesomeIcon size={isOpen ? '2xl' : 'lg'} icon={faBullhorn} />
+        <FontAwesomeIcon
+          size={isOpen ? '2xl' : 'lg'}
+          icon={faBullhorn}
+          className='pi-text-gray-50 dark:pi-text-gray-50'
+        />
       ) : type === 'call_recording' ? (
-        <FontAwesomeIcon size={isOpen ? '2xl' : 'lg'} icon={faVoicemail} />
+        <FontAwesomeIcon
+          size={isOpen ? '2xl' : 'lg'}
+          icon={faVoicemail}
+          className='pi-text-gray-50 dark:pi-text-gray-50'
+        />
       ) : (
-        <FontAwesomeIcon size={isOpen ? '2xl' : 'lg'} icon={faMusic} className='pi-text-gray-50 dark:pi-text-gray-50' />
+        <FontAwesomeIcon
+          size={isOpen ? '2xl' : 'lg'}
+          icon={faMusic}
+          className='pi-text-gray-50 dark:pi-text-gray-50'
+        />
       )}
     </motion.div>
   )

diff --git a/src/components/RecorderView/Actions.tsx b/src/components/RecorderView/Actions.tsx
@@ -98,6 +98,12 @@ export const Actions: FC<{}> = () => {
   })
 
   function handleSaveRecording() {
+    // check if the audio is playing and pause it
+    if (playing) {
+      dispatch.player.pauseAudioPlayer()
+      dispatch.recorder.setPlaying(false)
+      dispatch.recorder.setPaused(true)
+    }
     // Dispatch the reconrding save event
     dispatchRecordingSave()
     // Close the Island