From aa14f76d38e5327e65b729a39a634463b2dce5d3 Mon Sep 17 00:00:00 2001
From: AS <11219262+ashutosh16@users.noreply.github.com>
Date: Thu, 29 Aug 2024 12:39:15 -0700
Subject: [PATCH] fix(ui): container state (#18928)

Signed-off-by: ashutosh16 <ashutosh_singh@intuit.com>
Co-authored-by: ashutosh16 <ashutosh_singh@intuit.com>
---
 .../application-node-info/application-node-info.tsx      | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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
index edd787e0240c1..4d1f2720bf9a9 100644
--- 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
@@ -22,17 +22,18 @@ const RenderContainerState = (props: {container: any}) => {
     return (
         <div className='application-node-info__container'>
             <div className='application-node-info__container--name'>
-                {props.container.state?.running && (
+                {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) ||
+                ) : (
+                    (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>