mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-01 00:08:27 +01:00
4167a60588
Follows up on https://github.com/Unleash/unleash/pull/4853 to add Biome to the frontend as well.  Added a few `biome-ignore` to speed up the process but we may want to check and fix them in the future.
31 lines
799 B
TypeScript
31 lines
799 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),
|
|
}));
|
|
|
|
interface IEmptyNotificationsProps {
|
|
text: string;
|
|
}
|
|
|
|
export const EmptyNotifications = ({ text }: IEmptyNotificationsProps) => {
|
|
return (
|
|
<StyledBox>
|
|
<StyledNotificationsIcon />
|
|
<Typography color='neutral.main'>{text}</Typography>
|
|
</StyledBox>
|
|
);
|
|
};
|