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
|
||||
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}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue