add FilePreviewer in App

Author: alanpoon

src/app.rs

@@ -22,7 +22,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,
     }
@@ -44,6 +44,7 @@ live_design! {
     use crate::home::new_message_context_menu::*;
     use crate::shared::callout_tooltip::CalloutTooltip;
     use crate::shared::image_viewer::ImageViewer;
+    use crate::shared::file_previewer::FilePreviewer;
     use link::tsp_link::TspVerificationModal;
 
 
@@ -106,6 +107,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,
@@ -452,6 +458,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) => {
+                    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;