beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update notification component

Browse source
This commit is contained in:
Abhinav 2022-11-01 10:28:24 +05:30
parent 86ac848804
commit e219a4de5b
1 changed files with 25 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/components/Notification.tsx
View file

@ -30,7 +30,7 @@ export default function Notification({ open, onClose, attributes }: Iprops) {
}; };
const handleClick = () => { const handleClick = () => {
attributes.action?.callback(); attributes?.onClick();
onClose(); onClose();
}; };
return ( return (
@ -55,27 +55,34 @@ export default function Notification({ open, onClose, attributes }: Iprops) {
spacing={2} spacing={2}
direction="row" direction="row"
alignItems={'center'}> alignItems={'center'}>
{attributes?.icon ?? <InfoIcon />} {attributes?.startIcon ?? <InfoIcon />}
<Typography <Stack
variant="body1" direction={'column'}
mb={0.5} spacing={0.5}
flex={1} flex={1}
textAlign="left"> textAlign="left">
{attributes.message}{' '} {attributes.subtext && (
</Typography> <Typography variant="body2">
{attributes?.action && ( {attributes.subtext}
<Typography </Typography>
mb={0.5} )}
variant="button" {attributes.message && (
fontWeight={'bold'}> <Typography variant="button">
{attributes?.action.text} {attributes.message}
</Typography> </Typography>
)} )}
</Stack>
<IconButton onClick={handleClose}> {attributes?.endIcon ? (
<CloseIcon /> <IconButton onClick={attributes.onClick}>
</IconButton> {attributes?.endIcon}
</IconButton>
) : (
<IconButton onClick={handleClose}>
<CloseIcon />
</IconButton>
)}
</Stack> </Stack>
</Paper> </Paper>
</Snackbar> </Snackbar>