Fouad
2eee5195cc
* new react and reactdom packages in wallet * new react and reactdom packages in root * new react and reactdom packages in nym connect * new react and reactdom packages in root * update react and reactdom for explorer * react and react-dom upgrade for ts-packages remove unused import fix linting error * use custom FC typing move typings folder * fix type error
32 lines
973 B
TypeScript
32 lines
973 B
TypeScript
import React from 'react';
|
|
import { Box, Button, Modal, SxProps, Typography } from '@mui/material';
|
|
import { modalStyle } from './styles';
|
|
|
|
export const ErrorModal: FCWithChildren<{
|
|
open: boolean;
|
|
title?: string;
|
|
message?: string;
|
|
sx?: SxProps;
|
|
backdropProps?: object;
|
|
onClose: () => void;
|
|
children?: React.ReactNode;
|
|
}> = ({ children, open, title, message, sx, backdropProps, onClose }) => (
|
|
<Modal open={open} onClose={onClose} BackdropProps={backdropProps}>
|
|
<Box
|
|
sx={{ border: (t) => `1px solid ${t.palette.nym.nymWallet.modal.border}`, ...modalStyle, ...sx }}
|
|
textAlign="center"
|
|
>
|
|
<Typography color={(theme) => theme.palette.error.main} mb={1}>
|
|
{title || 'Oh no! Something went wrong...'}
|
|
</Typography>
|
|
<Typography my={5} color="text.primary">
|
|
{message}
|
|
</Typography>
|
|
{children}
|
|
<Button variant="contained" onClick={onClose}>
|
|
Close
|
|
</Button>
|
|
</Box>
|
|
</Modal>
|
|
);
|