From e3beb705eb329fce31fb997746587ac3a7b8ff4c Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Sun, 12 Mar 2023 20:31:35 +0000
Subject: [PATCH] Enable audio and video uploads

---
 CHANGELOG.md                  |  4 ++++
 src/components/PostEditor.vue | 13 +++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4997ee0..7ec9023 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ## [Unreleased]
 
+### Added
+
+- Enabled audio and video uploads.
+
 ## [1.16.0] - 2023-03-08
 
 ### Added
diff --git a/src/components/PostEditor.vue b/src/components/PostEditor.vue
index 8960d74..773a454 100644
--- a/src/components/PostEditor.vue
+++ b/src/components/PostEditor.vue
@@ -37,7 +37,8 @@
           >
             <img :src="require('@/assets/feather/x.svg')">
           </button>
-          <img :src="attachment.url">
+          <img v-if="attachment.type === 'image'" :src="attachment.url">
+          <div v-else class="placeholder">{{ attachment.url }}</div>
         </div>
       </div>
       <div class="toolbar">
@@ -243,7 +244,6 @@ function getAcceptedMediaTypes(): string {
     return ""
   }
   return instance.configuration.media_attachments.supported_mime_types
-    .filter(mediaType => mediaType.startsWith("image/"))
     .join(",")
 }
 
@@ -413,6 +413,15 @@ $line-height: 1.5;
   > img {
     width: 100%;
   }
+
+  .placeholder {
+    background-color: $background-color;
+    box-sizing: border-box;
+    padding: $block-inner-padding;
+    text-align: center;
+    width: 100%;
+    word-wrap: break-word;
+  }
 }
 
 .toolbar {