From 9315cb81e8177a9f59381fd24dd908f3a8d22f57 Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranav@chatwoot.com>
Date: Thu, 11 Feb 2021 17:26:14 +0530
Subject: [PATCH] feat: Use audio tag instead of download file button (#1749)

---
 app/helpers/file_type_helper.rb                              | 2 ++
 .../dashboard/components/widgets/conversation/Message.vue    | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/helpers/file_type_helper.rb b/app/helpers/file_type_helper.rb
index 9f6939565..4936fa155 100644
--- a/app/helpers/file_type_helper.rb
+++ b/app/helpers/file_type_helper.rb
@@ -9,6 +9,8 @@ module FileTypeHelper
       'image/bmp'
     ].include?(content_type)
 
+    return :audio if content_type.include?('audio/')
+
     :file
   end
 end
diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue
index 511302a2b..cc6661867 100644
--- a/app/javascript/dashboard/components/widgets/conversation/Message.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue
@@ -21,8 +21,11 @@
               :url="attachment.data_url"
               :readable-time="readableTime"
             />
+            <audio v-else-if="attachment.file_type === 'audio'" controls>
+              <source :src="attachment.data_url" />
+            </audio>
             <bubble-file
-              v-if="attachment.file_type !== 'image'"
+              v-else
               :url="attachment.data_url"
               :readable-time="readableTime"
             />