egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: verify notification bell functionality and improve empty state (refs #180)

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Eric Gullickson
2026-02-13 20:02:56 -06:00
parent da4cd858fa
commit f987e94fed
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/features/notifications/components/NotificationBell.tsx
View File

@@ -130,8 +130,12 @@ export const NotificationBell: React.FC = () => {
<CircularProgress size={24} /> <CircularProgress size={24} />
</Box> </Box>
) : notifications.length === 0 ? ( ) : notifications.length === 0 ? (
<Box sx={{ p: 3, textAlign: 'center' }}> <Box sx={{ p: 4, textAlign: 'center' }}>
<Typography color="text.secondary">No notifications</Typography> <NotificationsIcon sx={{ fontSize: 40, color: 'text.disabled', mb: 1 }} />
<Typography color="text.secondary" fontWeight={500}>No notifications</Typography>
<Typography variant="caption" color="text.disabled">
You're all caught up
</Typography>
</Box> </Box>
) : ( ) : (
<List sx={{ py: 0, maxHeight: 360, overflow: 'auto' }}> <List sx={{ py: 0, maxHeight: 360, overflow: 'auto' }}>