Feat: add no alerts message in Alerts dashboard card
This commit is contained in:
parent
d3cd5f08f1
commit
eb5693d42b
2 changed files with 10 additions and 1 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue