set up for dialog for creating convo

2022-05-30 06:01:55 -05:00
parent dd92f3f151
commit be8b560851
3 changed files with 43 additions and 21 deletions
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Container, Dialog, IconButton } from '@mui/material';
+import { FiX } from 'react-icons/fi';
+
+export default function NewConversationDialog({
+  open,
+  handleClose,
+}: {
+  open: boolean;
+  handleClose: () => void;
+}) {
+  return (
+    <Dialog fullScreen open={open} onClose={handleClose}>
+      <Container
+        maxWidth={false}
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center',
+          gap: 2,
+          flex: 1,
+          background: 'white',
+          position: 'relative',
+        }}
+      >
+        <IconButton sx={{ position: 'absolute', top: 10, right: 10 }}>
+          <FiX />
+        </IconButton>
+      </Container>
+    </Dialog>
+  );
+}