feat: add last snapshot time for airgapped

Author: eshankvaish

src/assets/icons/ic-camera.svg

@@ -32,6 +32,7 @@ import {
     aggregateNodes,
     ArtifactInfoModal,
     ReleaseMode,
+    handleUTCTime,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { Link, useParams, useHistory, useRouteMatch, generatePath, Route, useLocation } from 'react-router-dom'
 import { toast } from 'react-toastify'
@@ -489,6 +490,10 @@ export const Details: React.FC<DetailsType> = ({
                             deploymentTriggerTime: deploymentStatusDetailRes.result.deploymentStartedOn,
                             deploymentEndTime: deploymentStatusDetailRes.result.deploymentFinishedOn,
                             triggeredBy: deploymentStatusDetailRes.result.triggeredBy,
+                            statusLastFetchedAt: deploymentStatusDetailRes.result.statusLastFetchedAt ? handleUTCTime(
+                                deploymentStatusDetailRes.result.statusLastFetchedAt,
+                                true,
+                            ) : '',
                         })
                     } else {
                         processDeploymentStatusData(deploymentStatusDetailRes.result)

src/components/app/details/appDetails/AppDetails.tsx

@@ -26,6 +26,7 @@ import {
     showError,
     Tooltip,
 } from '@devtron-labs/devtron-fe-common-lib'
+import { ReactComponent as ICCamera } from '@Icons/ic-camera.svg'
 import { URLS } from '../../../../config'
 import { EnvSelector } from './AppDetails'
 import { DeploymentAppTypeNameMapping } from '../../../../config/constantMessaging'
@@ -188,14 +189,32 @@ export const SourceInfo = ({
                         </div>
                     </Tooltip>
                 )}
-                {/* TODO: Add last synced time */}
                 {isdeploymentAppDeleting && (
-                    <div data-testid="deleteing-argocd-pipeline">
+                    <div data-testid="deleteing-argocd-pipeline" className="flex left">
                         <Trash className="icon-dim-16 mr-8 ml-12" />
                         <span className="cr-5 fw-6">Deleting deployment pipeline </span>
                         <span className="dc__loading-dots cr-5" />
                     </div>
                 )}
+                {/* Last snapshot time */}
+                {isAirGappedIsolatedEnv && deploymentStatusDetailsBreakdownData.statusLastFetchedAt && (
+                    <Tooltip
+                        content={
+                            <div className="fs-12 fw-4 lh-18">
+                                <h6 className="fw-6 cn-0 m-0">Last snapshot received</h6>
+                                <p className="m-0 cn-50">{deploymentStatusDetailsBreakdownData.statusLastFetchedAt}</p>
+                            </div>
+                        }
+                    >
+                        <div className="dc__divider h-20 mx-8" />
+                        <div className="flex left dc__gap-6 px-8 py-4">
+                            <ICCamera className="scn-9 dc__no-shrink icon-dim-16" />
+                            <p className="m-0 fs-13 fw-4 lh-20 cn-9 dc__truncate">
+                                {deploymentStatusDetailsBreakdownData.statusLastFetchedAt}
+                            </p>
+                        </div>
+                    </Tooltip>
+                )}
                 {!loadingResourceTree && environment && (
                     <>
                         {!isdeploymentAppDeleting && (

src/components/app/details/appDetails/SourceInfo.tsx

@@ -112,6 +112,7 @@ export interface DeploymentStatusDetailsBreakdownDataType {
         APP_HEALTH?: DeploymentStatusDetailRow
         HELM_PACKAGE_GENERATED?: DeploymentStatusDetailRow
     }
+    statusLastFetchedAt?: string
 }
 
 export interface DeploymentStatusDetailModalType {