Pierre Dommerc
1167f50543
* feat(wallet): move receive page in modal * feat(wallet-receive): some ui work * feat(wallet): simple modal component show or not the Ok button based on onOk props * feat(wallet): fix sx props type imports
29 lines
790 B
TypeScript
29 lines
790 B
TypeScript
import React from 'react';
|
|
import { Box, CircularProgress, Modal, Stack, Typography, SxProps } from '@mui/material';
|
|
|
|
const modalStyle: SxProps = {
|
|
position: 'absolute',
|
|
top: '50%',
|
|
left: '50%',
|
|
transform: 'translate(-50%, -50%)',
|
|
width: 500,
|
|
bgcolor: 'background.paper',
|
|
boxShadow: 24,
|
|
borderRadius: '16px',
|
|
p: 4,
|
|
};
|
|
|
|
export const LoadingModal: React.FC<{
|
|
sx?: SxProps;
|
|
backdropProps?: object;
|
|
}> = ({ sx, backdropProps }) => (
|
|
<Modal open BackdropProps={backdropProps}>
|
|
<Box sx={sx ? { ...modalStyle, ...sx } : { ...modalStyle }} textAlign="center">
|
|
<Stack spacing={4} direction="row" alignItems="center">
|
|
<CircularProgress />
|
|
<Typography sx={{ color: 'text.primary' }}>Please wait...</Typography>
|
|
</Stack>
|
|
</Box>
|
|
</Modal>
|
|
);
|