Show image directly

moneymgr_web/src/dialogs/FileViewerDialog.tsx

@@ -44,8 +44,14 @@ interface ViewerProps {
 }
 
 function FileViewer(p: ViewerProps): React.ReactElement {
-  // Default viewer
+  // Image
-  return <DefaultViewer {...p} />;
+  if (p.mimetype.startsWith("image/"))
+    return <ImageViewer {...p} />; // Default viewer
+  else return <DefaultViewer {...p} />;
+}
+
+function ImageViewer(p: ViewerProps): React.ReactElement {
+  return <img src={p.url} />;
 }
 
 function DefaultViewer(p: ViewerProps): React.ReactElement {