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

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

View File

@@ -130,8 +130,12 @@ export const NotificationBell: React.FC = () => {
<CircularProgress size={24} />
</Box>
) : notifications.length === 0 ? (
<Box sx={{ p: 3, textAlign: 'center' }}>
<Typography color="text.secondary">No notifications</Typography>
<Box sx={{ p: 4, textAlign: 'center' }}>
<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>
) : (
<List sx={{ py: 0, maxHeight: 360, overflow: 'auto' }}>