From 5d4ca287d57728d7f35f39c8894862315716cd3c Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 4 Jan 2024 21:08:45 +0100
Subject: [PATCH] feat(inbox): add red info text for no notifications found

---
 src/views/inbox/inbox.module.css |  8 ++++++++
 src/views/inbox/inbox.tsx        | 14 +++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/views/inbox/inbox.module.css b/src/views/inbox/inbox.module.css
index 5ea36ce7..59d0d053 100644
--- a/src/views/inbox/inbox.module.css
+++ b/src/views/inbox/inbox.module.css
@@ -44,4 +44,12 @@
 .selected {
   color: var(--green) !important;
   font-weight: bold;
+}
+
+.noNotifications {
+  color: var(--red);
+  font-size: 13px;
+  font-family: verdana, Arial, Helvetica, sans-serif;
+  margin-top: -2px;
+  text-transform: lowercase;
 }
\ No newline at end of file
diff --git a/src/views/inbox/inbox.tsx b/src/views/inbox/inbox.tsx
index c7536697..ad143108 100644
--- a/src/views/inbox/inbox.tsx
+++ b/src/views/inbox/inbox.tsx
@@ -82,17 +82,17 @@ const Inbox = () => {
     return () => window.removeEventListener('scroll', setLastVirtuosoState);
   }, [unreadNotificationCount]);
 
-  if (account && !notifications.length) {
-    return 'empty';
-  }
-
   return (
     <div className={styles.content}>
       <InboxTabs />
       <div className={styles.markAllAsReadButton}>
-        <button onClick={markAsRead} disabled={!unreadNotificationCount} className={styles.markAsReadButton}>
-          {t('mark_all_read')}
-        </button>
+        {account && notifications.length ? (
+          <button onClick={markAsRead} disabled={!unreadNotificationCount} className={styles.markAsReadButton}>
+            {t('mark_all_read')}
+          </button>
+        ) : (
+          <div className={styles.noNotifications}>there doesn't seem to be anything here</div>
+        )}
       </div>
       <Virtuoso
         increaseViewportBy={{ bottom: 1200, top: 600 }}