file types and exports

src/components/messages/MessageIncomingFile.vue

@@ -10,12 +10,7 @@
       </div>
 
       <div class="message">
-        <span>{{ $t('message.file_prefix') }}</span>
-        <span
-         class="cursor-pointer"
-          @click.stop="$emit('download')"
-          v-html="linkify($sanitize(messageText))"
-        />
+        <ThumbnailView class="clickable" v-on:itemclick="$emit('download')" :item="{ event: event, src: null }" />
         <span class="edit-marker" v-if="event.replacingEventId()"
           >{{ $t('message.edited') }}</span
         >
@@ -25,11 +20,12 @@
 </template>
 
 <script>
+import ThumbnailView from '../file_mode/ThumbnailView.vue';
 import MessageIncoming from "./MessageIncoming.vue";
 
 export default {
   extends: MessageIncoming,
-  components: { MessageIncoming }
+  components: { MessageIncoming, ThumbnailView }
 };
 </script>