From eb5693d42b3d13c8149a21ba8b750e11734bc311 Mon Sep 17 00:00:00 2001
From: csrapr <26280794+csrapr@users.noreply.github.com>
Date: Wed, 10 Feb 2021 18:06:04 +0000
Subject: [PATCH] Feat: add no alerts message in Alerts dashboard card

---
 new-lamassu-admin/src/pages/Dashboard/Alerts/Alerts.js    | 5 +++++
 new-lamassu-admin/src/pages/Dashboard/Dashboard.styles.js | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/new-lamassu-admin/src/pages/Dashboard/Alerts/Alerts.js b/new-lamassu-admin/src/pages/Dashboard/Alerts/Alerts.js
index 707f73a6..baa9fc11 100644
--- a/new-lamassu-admin/src/pages/Dashboard/Alerts/Alerts.js
+++ b/new-lamassu-admin/src/pages/Dashboard/Alerts/Alerts.js
@@ -74,6 +74,11 @@ const Alerts = ({ onReset, onExpand, size }) => {
         container
         spacing={1}>
         <Grid item xs={12} className={classes.alertsTableMargin}>
+          {!alerts.length && (
+            <Label1 className={classes.notAlertsLabel}>
+              No new alerts. Your system is running smoothly.
+            </Label1>
+          )}
           <AlertsTable
             numToRender={showAllItems ? alerts.length : NUM_TO_RENDER}
             alerts={alerts}
diff --git a/new-lamassu-admin/src/pages/Dashboard/Dashboard.styles.js b/new-lamassu-admin/src/pages/Dashboard/Dashboard.styles.js
index 6b54c692..ac6cebd6 100644
--- a/new-lamassu-admin/src/pages/Dashboard/Dashboard.styles.js
+++ b/new-lamassu-admin/src/pages/Dashboard/Dashboard.styles.js
@@ -1,5 +1,5 @@
 import typographyStyles from 'src/components/typography/styles'
-import { spacer, white, primaryColor } from 'src/styling/variables'
+import { spacer, white, primaryColor, comet } from 'src/styling/variables'
 const { label1 } = typographyStyles
 
 const styles = {
@@ -77,6 +77,10 @@ const styles = {
   centerLabel: {
     marginTop: 40,
     marginBottom: 0
+  },
+  notAlertsLabel: {
+    marginTop: 40,
+    color: comet
   }
 }