leaflet.pub
a tool for shared writing and social publishing
added better empty state message for notifications
cozylittle.house
+5
-3
+5
-3
app/(home-pages)/notifications/NotificationList.tsx
+5
-3
app/(home-pages)/notifications/NotificationList.tsx
···
23
23
}, 500);
24
24
}, []);
25
25
26
-
if (notifications.length === 0)
26
+
if (notifications.length !== 0)
27
27
return (
28
-
<div className="w-full container italic text-tertiary text-center sm:p-4 p-3">
29
-
no notifications yet...
28
+
<div className="w-full text-sm flex flex-col gap-1 container italic text-tertiary text-center sm:p-4 p-3">
29
+
<div className="text-base font-bold">no notifications yet...</div>
30
+
Here, you'll find notifications about new follows, comments,
31
+
mentions, and replies!
30
32
</div>
31
33
);
32
34
return (