From f10935e4062775e07687ab0463bd445ed95be0b0 Mon Sep 17 00:00:00 2001
From: antoine92190 <dupontantoine92@gmail.com>
Date: Sat, 1 May 2021 11:13:50 +0200
Subject: [PATCH] (fix) missing audio in reply message

---
 src/ChatWindow/Message/MessageReply.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/ChatWindow/Message/MessageReply.vue b/src/ChatWindow/Message/MessageReply.vue
index 590374c2..a9fce39b 100644
--- a/src/ChatWindow/Message/MessageReply.vue
+++ b/src/ChatWindow/Message/MessageReply.vue
@@ -19,6 +19,17 @@
 			</video>
 		</div>
 
+		<audio-player
+			v-else-if="isAudio"
+			:src="message.replyMessage.file.url"
+			@update-progress-time="progressTime = $event"
+			@hover-audio-progress="hoverAudioProgress = $event"
+		>
+			<template v-for="(i, name) in $scopedSlots" #[name]="data">
+				<slot :name="name" v-bind="data" />
+			</template>
+		</audio-player>
+
 		<div class="vac-reply-content">
 			<format-message
 				:content="message.replyMessage.content"
@@ -37,12 +48,17 @@
 
 <script>
 import FormatMessage from '../../components/FormatMessage'
+import AudioPlayer from './AudioPlayer'
 
-const { isImageFile, isVideoFile } = require('../../utils/media-file')
+const {
+	isAudioFile,
+	isImageFile,
+	isVideoFile
+} = require('../../utils/media-file')
 
 export default {
 	name: 'MessageReply',
-	components: { FormatMessage },
+	components: { AudioPlayer, FormatMessage },
 
 	props: {
 		message: { type: Object, required: true },
@@ -57,6 +73,9 @@ export default {
 			const replyUser = this.roomUsers.find(user => user._id === senderId)
 			return replyUser ? replyUser.username : ''
 		},
+		isAudio() {
+			return isAudioFile(this.message.replyMessage.file)
+		},
 		isImage() {
 			return isImageFile(this.message.replyMessage.file)
 		},