chore: lint

This commit is contained in:
karishmas6
2024-06-15 21:10:08 +05:30
parent 1fe5082b2f
commit 46859383b6

View File

@@ -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',
}; };