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

* failing container icon added Signed-off-by: Surajyadav <[email protected]> * lint-fix Signed-off-by: Surajyadav <[email protected]> * .. Signed-off-by: Surajyadav <[email protected]> * tried yarn lint-fix Signed-off-by: Surajyadav <[email protected]> * margin Signed-off-by: Surajyadav <[email protected]> * running Signed-off-by: Surajyadav <[email protected]> --------- Signed-off-by: Surajyadav <[email protected]>
mkieweg · Jun 11, 2024 · 8323f49 · 8323f49
1 parent 0697150
commit 8323f49
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/ui/src/app/applications/components/application-node-info/application-node-info.tsx b/ui/src/app/applications/components/application-node-info/application-node-info.tsx
@@ -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 && (
                     <>