Feat: add no alerts message in Alerts dashboard card

This commit is contained in:
csrapr 2021-02-10 18:06:04 +00:00 committed by Josh Harvey
parent d3cd5f08f1
commit eb5693d42b
2 changed files with 10 additions and 1 deletions

View file

@ -74,6 +74,11 @@ const Alerts = ({ onReset, onExpand, size }) => {
container container
spacing={1}> spacing={1}>
<Grid item xs={12} className={classes.alertsTableMargin}> <Grid item xs={12} className={classes.alertsTableMargin}>
{!alerts.length && (
<Label1 className={classes.notAlertsLabel}>
No new alerts. Your system is running smoothly.
</Label1>
)}
<AlertsTable <AlertsTable
numToRender={showAllItems ? alerts.length : NUM_TO_RENDER} numToRender={showAllItems ? alerts.length : NUM_TO_RENDER}
alerts={alerts} alerts={alerts}

View file

@ -1,5 +1,5 @@
import typographyStyles from 'src/components/typography/styles' 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 { label1 } = typographyStyles
const styles = { const styles = {
@ -77,6 +77,10 @@ const styles = {
centerLabel: { centerLabel: {
marginTop: 40, marginTop: 40,
marginBottom: 0 marginBottom: 0
},
notAlertsLabel: {
marginTop: 40,
color: comet
} }
} }