+
+ Notifications
+ {notifications.length > 0 && (
+
+ )}
+
+
+ {notifications.length === 0 ? (
+
No unread notifications
+ ) : (
+ notifications.map(n => (
+
markAsRead(n.id)}
+ onMouseEnter={e => { e.currentTarget.style.background = 'rgba(14, 165, 233, 0.05)'; }}
+ onMouseLeave={e => { e.currentTarget.style.background = 'transparent'; }}
+ >
+
{renderMessage(n.message)}
+
{formatTime(n.created_at)}
+
+ ))
+ )}
+