From 1495ef14091c42f6eca4c3e7e622cb0484239e19 Mon Sep 17 00:00:00 2001
From: Surajyadav <harrypotter1108@gmail.com>
Date: Sun, 24 Nov 2024 11:52:10 +0530
Subject: [PATCH] added-time-dif

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>
---
 .../application-node-info/application-node-info.tsx      | 9 ++++++++-
 1 file changed, 8 insertions(+), 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
index 893172296c4fb..e98a56aaf14b0 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
@@ -12,6 +12,7 @@ import {ApplicationResourcesDiff} from '../application-resources-diff/applicatio
 import {ComparisonStatusIcon, formatCreationTimestamp, getPodReadinessGatesState, getPodStateReason, HealthStatusIcon} from '../utils';
 import './application-node-info.scss';
 import {ReadinessGatesNotPassedWarning} from './readiness-gates-not-passed-warning';
+import Moment from 'react-moment';
 
 const RenderContainerState = (props: {container: any}) => {
     const state = (props.container.state?.waiting && 'waiting') || (props.container.state?.terminated && 'terminated') || (props.container.state?.running && 'running');
@@ -69,7 +70,13 @@ const RenderContainerState = (props: {container: any}) => {
                 {lastState && (
                     <>
                         <>
-                            The container last terminated with <span className='application-node-info__container--highlight'>exit code {lastState?.exitCode}</span>
+                            The container last terminated{' '}
+                            <span className='application-node-info__container--highlight'>
+                                <Moment fromNow={true} ago={true}>
+                                    {lastState.finishedAt}
+                                </Moment>{' '}
+                                ago with exit code {lastState?.exitCode}
+                            </span>
                         </>
                         {lastState?.reason && ' because of '}
                         <span title={props.container.lastState?.message || ''}>