confirm password modal

2022-05-17 15:41:25 +01:00
parent 830dbcecfc
commit 1e3c8ed3e0
1 changed files with 34 additions and 0 deletions
@@ -0,0 +1,34 @@
+import React, { useContext } from 'react';
+import { Box, Dialog, DialogTitle, IconButton, Typography } from '@mui/material';
+import { ArrowBack } from '@mui/icons-material';
+import { ConfirmPassword } from 'src/components/ConfirmPassword';
+import { AccountsContext } from 'src/context';
+
+export const ConfirmPasswordModal = ({
+  accountName,
+  onClose,
+  onConfirm,
+}: {
+  accountName?: string;
+  onClose: () => void;
+  onConfirm: (password: string) => Promise<void>;
+}) => {
+  const { isLoading, error } = useContext(AccountsContext);
+
+  return (
+    <Dialog open={Boolean(accountName)} onClose={onClose} fullWidth hideBackdrop>
+      <DialogTitle>
+        <Box display="flex" justifyContent="space-between" alignItems="center">
+          <Typography variant="h6">Switch account</Typography>
+          <IconButton onClick={onClose}>
+            <ArrowBack />
+          </IconButton>
+        </Box>
+        <Typography variant="body1" sx={{ color: 'grey.600' }}>
+          Confirm password
+        </Typography>
+      </DialogTitle>
+      <ConfirmPassword onConfirm={onConfirm} error={error} isLoading={isLoading} buttonTitle="Switch account" />
+    </Dialog>
+  );
+};