mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-06 00:07:44 +01:00
ef2f184845
This PR adds more capabilities to the notification UI. Including: * Displaying new notification types * Update visual expression based on whether it's read or not * Mark items as read * Follow the items link to go to the notification destination * Cleanup and styled components
27 lines
721 B
TypeScript
27 lines
721 B
TypeScript
import { Box, Typography, styled } from '@mui/material';
|
|
import NotificationsIcon from '@mui/icons-material/Notifications';
|
|
|
|
const StyledBox = styled(Box)(() => ({
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
flexDirection: 'column',
|
|
minHeight: '150px',
|
|
}));
|
|
|
|
const StyledNotificationsIcon = styled(NotificationsIcon)(({ theme }) => ({
|
|
height: '30px',
|
|
width: '30px',
|
|
color: theme.palette.neutral.main,
|
|
marginBottom: theme.spacing(1),
|
|
}));
|
|
|
|
export const EmptyNotifications = () => {
|
|
return (
|
|
<StyledBox>
|
|
<StyledNotificationsIcon />
|
|
<Typography color="neutral.main">No new notifications</Typography>
|
|
</StyledBox>
|
|
);
|
|
};
|