fix(ui): Highlight failing containers in the UI (#17143)

* failing container icon added

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

* lint-fix

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

* ..

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

* tried yarn lint-fix

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

* margin

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

* running

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>

---------

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>
This commit is contained in:
Suraj yadav 2024-03-05 04:45:30 +05:30 committed by GitHub
parent 839526e976
commit 24ac326384
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -21,7 +21,20 @@ const RenderContainerState = (props: {container: any}) => {
return (
<div className='application-node-info__container'>
<div className='application-node-info__container--name'>{props.container.name}</div>
<div className='application-node-info__container--name'>
{props.container.state?.running && (
<span style={{marginRight: '4px'}}>
<i className='fa fa-check-circle' style={{color: 'rgb(24, 190, 148)'}} />
</span>
)}
{(props.container.state.terminated && props.container.state.terminated?.exitCode !== 0) ||
(lastState && lastState?.exitCode !== 0 && (
<span style={{marginRight: '4px'}}>
<i className='fa fa-times-circle' style={{color: 'red'}} />
</span>
))}
{props.container.name}
</div>
<div>
{state && (
<>