Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 3x 3x 3x 3x 3x 3x 3x 3x | /**
* @file NotificationLoadingState.tsx
* @module app/HamburgerMenu/NotificationSettings/NotificationLoadingState
*
* @summary
* Loading skeleton display for notifications while metrics are being fetched.
* Shows placeholder skeletons to maintain consistent UI spacing.
*
* @example
* ```tsx
* <NotificationLoadingState />
* ```
*/
import { Stack, Skeleton } from '@mui/material';
/**
* Notification loading state component.
*
* Displays skeleton loaders while dashboard metrics are loading.
*
* @returns JSX element showing loading placeholders
*/
export default function NotificationLoadingState() {
return (
<Stack spacing={0.5} sx={{ p: 1 }}>
<Skeleton variant="text" width={160} />
<Skeleton variant="text" width={120} />
</Stack>
);
}
|