file types and exports

src/components/messages/MessageOutgoingFile.vue

@@ -11,12 +11,7 @@
 
 
       <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
         >
@@ -26,11 +21,12 @@
 </template>
 
 <script>
+import ThumbnailView from '../file_mode/ThumbnailView.vue';
 import MessageOutgoing from "./MessageOutgoing.vue";
 
 export default {
   extends: MessageOutgoing,
-  components: { MessageOutgoing },
+  components: { MessageOutgoing, ThumbnailView },
 };
 </script>
 <style lang="scss">