Add EventFile (unfunctional for now)

src/qml/Chat/Timeline/EventFile.qml

@@ -0,0 +1,38 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import "../../Base"
+
+HTile {
+    width: Math.min(
+        mainColumn.width - eventContent.spacing * 2,
+        theme.chat.message.thumbnailWidth,
+    )
+
+
+    property url thumbnailUrl
+    property url fileUrl
+    property string fileTitle: ""
+    property int fileSize: 0
+
+
+    title.text: fileTitle || qsTr("Untitled file")
+    title.elide: Text.ElideMiddle
+
+    subtitle.text: CppUtils.formattedBytes(fileSize)
+
+    image: HIcon {
+        svgName: "download"
+    }
+
+
+    TapHandler {
+        acceptedButtons: Qt.LeftButton
+        onTapped: Qt.openUrlExternally(file.fileUrl)
+    }
+
+    HoverHandler {
+        id: hover
+        onHoveredChanged:
+            eventContent.hoveredImage = hovered ? file.fileUrl : ""
+    }
+}

src/qml/Chat/Timeline/EventImage.qml

@@ -3,7 +3,6 @@ import "../../Base"
 
 HImage {
     id: image
-    x: eventContent.spacing
     sourceSize.width: theme.chat.message.thumbnailWidth
     sourceSize.height: theme.chat.message.thumbnailWidth
     width: Math.min(

src/qml/Chat/Timeline/EventMediaLoader.qml

@@ -4,6 +4,7 @@ import "../../utils.js" as Utils
 
 HLoader {
     id: loader
+    x: eventContent.spacing
 
 
     enum Type { Page, File, Image, Video, Audio }
@@ -56,9 +57,17 @@ HLoader {
         if (type === EventMediaLoader.Type.Image) {
             var file  = "EventImage.qml"
             var props = { source: previewUrl, fullSource: mediaUrl }
-        } else {
-            return
-        }
+
+        } else if (type === EventMediaLoader.Type.File) {
+            var file  = "EventFile.qml"
+            var props = {
+                thumbnailUrl: previewUrl,
+                fileUrl:      mediaUrl,
+                fileTitle:    info.media_title,
+                fileSize:     info.media_size,
+            }
+
+        } else { return }
 
         loader.setSource(file, props)
     }