first commit

common/resources/client/uploads/preview/file-preview-dialog.tsx

@@ -0,0 +1,24 @@
+import {
+  FilePreviewContainer,
+  FilePreviewContainerProps,
+} from './file-preview-container';
+import {useDialogContext} from '../../ui/overlays/dialog/dialog-context';
+import {Dialog} from '../../ui/overlays/dialog/dialog';
+
+interface Props extends Omit<FilePreviewContainerProps, 'onClose'> {}
+export function FilePreviewDialog(props: Props) {
+  return (
+    <Dialog
+      size="fullscreenTakeover"
+      background="bg-alt"
+      className="flex flex-col"
+    >
+      <Content {...props} />
+    </Dialog>
+  );
+}
+
+function Content(props: Props) {
+  const {close} = useDialogContext();
+  return <FilePreviewContainer onClose={close} {...props} />;
+}