Attachment upload with file dialog

Cargo.toml

@@ -37,6 +37,7 @@ imbl = { version = "6.1.0", features = ["serde"] }          # same as matrix-sdk
 futures-util = "0.3"
 htmlize = "1.0.5"
 imghdr = "0.7.0"
+image = { version = "0.25", default-features = false, features = ["jpeg", "png"] }
 linkify = "0.10.0"
 matrix-sdk-base = { git = "https://github.com/matrix-org/matrix-rust-sdk", branch = "main" }
 matrix-sdk = { git = "https://github.com/matrix-org/matrix-rust-sdk", branch = "main", default-features = false, features = [ "e2e-encryption", "automatic-room-key-forwarding", "markdown", "sqlite", "rustls-tls", "bundled-sqlite", "sso-login" ] }
@@ -57,6 +58,8 @@ bytesize = "2.0"
 bitflags = "2.6.0"
 indexmap = "2.6.0"
 blurhash = { version = "0.2.3", default-features = false }
+mime_guess = "2.0.5"
+rfd = { version = "0.15.3", features = ["ashpd", "urlencoding", "xdg-portal"] }
 
 ## Dependencies for TSP support.
 ## Commit "f0bc4625dcd729e07e4a36257df2f1d94c81cef4" is the most recent one without the invalid change to pin serde to 1.0.219.

src/app.rs

@@ -23,7 +23,7 @@ use crate::{
     shared::{callout_tooltip::{
         CalloutTooltipWidgetRefExt,
         TooltipAction,
-    }, confirmation_modal::ConfirmationModalWidgetRefExt, image_viewer::{ImageViewerAction, LoadState}}, sliding_sync::current_user_id, utils::RoomNameId, verification::VerificationAction, verification_modal::{
+    }, confirmation_modal::ConfirmationModalWidgetRefExt, file_previewer::FilePreviewerAction, image_viewer::{ImageViewerAction, LoadState}}, sliding_sync::current_user_id, utils::RoomNameId, verification::VerificationAction, verification_modal::{
         VerificationModalAction,
         VerificationModalWidgetRefExt,
     }
@@ -47,6 +47,7 @@ live_design! {
     use crate::home::invite_modal::InviteModal;
     use crate::shared::callout_tooltip::CalloutTooltip;
     use crate::shared::image_viewer::ImageViewer;
+    use crate::shared::file_previewer::FilePreviewer;
     use link::tsp_link::TspVerificationModal;
 
 
@@ -109,6 +110,11 @@ live_design! {
                                 image_viewer_modal_inner = <ImageViewer> {}
                             }
                         }
+                        file_upload_modal = <Modal> {
+                            content: {
+                                file_upload_modal_inner = <FilePreviewer> {}
+                            }
+                        }
                         <PopupList> {}
 
                         // Context menus should be shown in front of other UI elements,
@@ -479,6 +485,17 @@ impl MatchEvent for App {
                 }
                 _ => {}
             }
+            match action.downcast_ref() {
+                Some(FilePreviewerAction::Show { .. }) => {
+                    self.ui.modal(ids!(file_upload_modal)).open(cx);
+                    continue;
+                }
+                Some(FilePreviewerAction::Hide) | Some(FilePreviewerAction::Upload(_))=> {
+                    self.ui.modal(ids!(file_upload_modal)).close(cx);
+                    continue;
+                }
+                _ => {}
+            }
             // Handle actions to open/close the TSP verification modal.
             #[cfg(feature = "tsp")] {
                 use std::ops::Deref;