Merge pull request #37 from natron-io/fix_emptymessages

show message when no slack messages are received
netricsag · Feb 11, 2022 · 6d1abb0 · 6d1abb0
2 parents b471af5 + d1a3327
commit 6d1abb0
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/src/Components/Notifications.tsx b/src/Components/Notifications.tsx
@@ -48,18 +48,22 @@ export default function Notifications() {
       >
         {notificationsLoaded ? (
           <>
-            {notifications
-              ? notifications.map((message: any, index) => (
-                  <MessageCard
-                    key={message.client_msg_id}
-                    message={message.message}
-                    messageLink={message.link_to_message}
-                    timestamp={message.unix_timestamp}
-                    userAvatarUrl={message.user_avatar_url}
-                    userRealName={message.user_real_name}
-                  />
-                ))
-              : "NO MESSAGES"}
+            {notifications.length > 0 ? (
+              notifications.map((message: any, index) => (
+                <MessageCard
+                  key={message.client_msg_id}
+                  message={message.message}
+                  messageLink={message.link_to_message}
+                  timestamp={message.unix_timestamp}
+                  userAvatarUrl={message.user_avatar_url}
+                  userRealName={message.user_real_name}
+                />
+              ))
+            ) : (
+              <Typography variant="h4" component="div" gutterBottom>
+                Keine Nachrichten
+              </Typography>
+            )}
           </>
         ) : (
           <CircularProgress color="primary" />