From 3d47f0306456dad03390a5fa8608164ec24352ac Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Fri, 14 Nov 2025 15:16:46 -0500
Subject: [PATCH] added better empty state message for notifications

---
 app/(home-pages)/notifications/NotificationList.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/(home-pages)/notifications/NotificationList.tsx b/app/(home-pages)/notifications/NotificationList.tsx
index 35a974ba..bc0f054b 100644
--- a/app/(home-pages)/notifications/NotificationList.tsx
+++ b/app/(home-pages)/notifications/NotificationList.tsx
@@ -23,10 +23,12 @@ export function NotificationList({
     }, 500);
   }, []);
 
-  if (notifications.length === 0)
+  if (notifications.length !== 0)
     return (
-      <div className="w-full container italic text-tertiary text-center sm:p-4 p-3">
-        no notifications yet...
+      <div className="w-full text-sm flex flex-col gap-1 container italic text-tertiary text-center sm:p-4 p-3">
+        <div className="text-base font-bold">no notifications yet...</div>
+        Here, you&apos;ll find notifications about new follows, comments,
+        mentions, and replies!
       </div>
     );
   return (
-- 
2.51.2