chore: lint
This commit is contained in:
@@ -11,24 +11,24 @@ interface ModalProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const GenericModal: FC<ModalProps> = (
|
export const GenericModal: FC<ModalProps> = (
|
||||||
{ isOpen, onClose, children, modalStyle , canBeClosed= true}) => {
|
{ isOpen, onClose, children, modalStyle, canBeClosed = true }) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal open={isOpen} onClose={canBeClosed ? onClose : ()=>{}} >
|
<Modal open={isOpen} onClose={canBeClosed ? onClose : () => { }} >
|
||||||
<Box sx={modalStyle ? {...modalStyle, boxShadow: 24, position: 'absolute',} : defaultModalStyle}>
|
<Box sx={modalStyle ? { ...modalStyle, boxShadow: 24, position: 'absolute', } : defaultModalStyle}>
|
||||||
{canBeClosed ?
|
{canBeClosed ?
|
||||||
<IconButton onClick={onClose} sx={{ float: "right" }}>
|
<IconButton onClick={onClose} sx={{ float: "right" }}>
|
||||||
<Clear sx={{ fontSize: 20 }}/>
|
<Clear sx={{ fontSize: 20 }} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
: null
|
: null
|
||||||
}
|
}
|
||||||
{children}
|
{children}
|
||||||
</Box>
|
</Box>
|
||||||
</Modal>
|
</Modal>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const defaultModalStyle = {
|
const defaultModalStyle = {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
top: '50%',
|
top: '50%',
|
||||||
left: '50%',
|
left: '50%',
|
||||||
@@ -37,8 +37,8 @@ export const GenericModal: FC<ModalProps> = (
|
|||||||
bgcolor: 'background.paper',
|
bgcolor: 'background.paper',
|
||||||
boxShadow: 24,
|
boxShadow: 24,
|
||||||
p: 4,
|
p: 4,
|
||||||
height:'60%',
|
height: '60%',
|
||||||
display:'block',
|
display: 'block',
|
||||||
overflow:'scroll',
|
overflow: 'scroll',
|
||||||
padding: '5px 25px 10px 25px',
|
padding: '5px 25px 10px 25px',
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user