diff options
| author |   Aijana Schumann <aijana.schumann@highstreet-technologies.com> | 2020-08-27 09:01:53 +0200 |
|---|---|---|
| committer | Aijana Schumann <aijana.schumann@highstreet-technologies.com> | 2020-08-27 11:52:38 +0200 |
| commit | 4bd84bebdaa0c2d82050fbedd1fa8260eb62146d (patch) | |
| tree | 3f26dfc6c7da0f176f31bcde112971b0b8c552ce /sdnr/wt/odlux/apps/faultApp/src/components | |
| parent | 958de10b4c433eb6110b93007f281b07515ed6fe (diff) | |
Add link calculation app
Add link calculation app to odlux
Issue-ID: CCSDK-2562
Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Change-Id: Ifc0a5b2a8bb974dfd85d70a9f05990b1f11925a3
Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Diffstat (limited to 'sdnr/wt/odlux/apps/faultApp/src/components')
| -rw-r--r-- | sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx b/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx index 1ec463f47..b711b0375 100644 --- a/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx +++ b/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx @@ -57,12 +57,20 @@ class FaultStatusComponent extends React.Component<FaultStatusComponentProps> { const { classes, faultStatus } = this.props; return ( - <Typography variant="body1" color="inherit" > + <> + <Typography variant="body1" color="inherit" aria-label="critical-alarms"> Alarm Status: <FontAwesomeIcon className={`${classes.icon} ${classes.critical}`} icon={faExclamationTriangle} /> { faultStatus.critical } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="major-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.major}`} icon={faExclamationTriangle} /> { faultStatus.major } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="minor-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.minor}`} icon={faExclamationTriangle} /> { faultStatus.minor } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="warning-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.warning}`} icon={faExclamationTriangle} /> { faultStatus.warning } | </Typography> + </> ); }; } |