From 00c8eff611185d07214895c533a66b9866179723 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Sun, 4 Sep 2022 00:07:18 +0200
Subject: [PATCH] Client: alt text dialog properly handles non-images

Changelog: Changed
---
 packages/client/src/components/media-caption.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/media-caption.vue b/packages/client/src/components/media-caption.vue
index 8a973fbf3..8f05775c0 100644
--- a/packages/client/src/components/media-caption.vue
+++ b/packages/client/src/components/media-caption.vue
@@ -16,7 +16,14 @@
 		</div>
 		<div class="hdrwpsaf fullwidth">
 			<header>{{ file.name }}</header>
-			<img :src="file.url" @click="modal.close()"/>
+			<img v-if="file.type.startsWidth('image/')" :src="file.url" @click="modal.close()"/>
+			<video v-else-if="file.type.startsWidth('video/')" controls>
+				<source :src="file.url" :type="file.type">
+			</video>
+			<audio v-else-if="file.type.startsWidth('audio/')" controls>
+				<source :src="file.url" :type="file.type">
+			</audio>
+			<a v-else :href="file.url">{{ file.url }}</a>
 			<footer>
 				<span>{{ file.type }}</span>
 				<span>{{ bytes(file.size) }}</span>