feat: add last fetched time

Author: eshankvaish

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

@@ -295,7 +295,6 @@ export const Details: React.FC<DetailsType> = ({
     const appDetailsAbortRef = useRef(null)
     const shouldFetchTimelineRef = useRef(false)
 
-    const isAirGappedIsolatedEnv = isVirtualEnvRef.current && appDetails?.resourceTree
 
     const [deploymentStatusDetailsBreakdownData, setDeploymentStatusDetailsBreakdownData] =
         useState<DeploymentStatusDetailsBreakdownDataType>({
@@ -427,7 +426,10 @@ export const Details: React.FC<DetailsType> = ({
                 }
                 IndexStore.publishAppDetails(appDetailsRef.current, AppType.DEVTRON_APP)
                 setAppDetails(appDetailsRef.current)
-                _getDeploymentStatusDetail(appDetailsRef.current.deploymentAppType)
+                _getDeploymentStatusDetail(
+                    appDetailsRef.current.deploymentAppType,
+                    isVirtualEnvRef.current && appDetailsRef.current.resourceTree,
+                )
 
                 if (fetchExternalLinks && response.result?.clusterId) {
                     getExternalLinksAndTools(response.result.clusterId)
@@ -472,7 +474,7 @@ export const Details: React.FC<DetailsType> = ({
             })
     }
 
-    function _getDeploymentStatusDetail(deploymentAppType: DeploymentAppTypes) {
+    function _getDeploymentStatusDetail(deploymentAppType: DeploymentAppTypes, isAirGappedIsolatedEnv: boolean) {
         const shouldFetchTimeline = shouldFetchTimelineRef.current
 
         getDeploymentStatusDetail(params.appId, params.envId, shouldFetchTimeline)
@@ -490,10 +492,9 @@ 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,
-                            ) : '',
+                            statusLastFetchedAt: deploymentStatusDetailRes.result.statusLastFetchedAt
+                                ? handleUTCTime(deploymentStatusDetailRes.result.statusLastFetchedAt, true)
+                                : '',
                         })
                     } else {
                         processDeploymentStatusData(deploymentStatusDetailRes.result)
@@ -740,7 +741,6 @@ export const Details: React.FC<DetailsType> = ({
                     ciArtifactId={appDetails?.ciArtifactId}
                     setErrorsList={setErrorsList}
                     deploymentUserActionState={deploymentUserActionState}
-                    isAirGappedIsolatedEnv={isAirGappedIsolatedEnv}
                 />
             </div>
             {!loadingDetails && !loadingResourceTree && !appDetails?.deploymentAppDeleteRequest && (

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

@@ -71,7 +71,6 @@ export const SourceInfo = ({
     setErrorsList,
     filteredEnvIds,
     deploymentUserActionState,
-    isAirGappedIsolatedEnv,
 }: SourceInfoType) => {
     const [showVulnerabilitiesCard, setShowVulnerabilitiesCard] = useState<boolean>(false)
     const isdeploymentAppDeleting = appDetails?.deploymentAppDeleteRequest || false
@@ -85,6 +84,7 @@ export const SourceInfo = ({
     // helmMigratedAppNotTriggered means the app is migrated from a helm release and has not been deployed yet i.e. CD Pipeline has not been triggered
     const helmMigratedAppNotTriggered =
         appDetails?.releaseMode === ReleaseMode.MIGRATE_HELM && !appDetails?.isPipelineTriggered
+    const isAirGappedIsolatedEnv = isVirtualEnvironment && !!appDetails?.resourceTree
 
     if (
         ['progressing', 'degraded'].includes(status?.toLowerCase()) &&
@@ -197,21 +197,26 @@ export const SourceInfo = ({
                     </div>
                 )}
                 {/* Last snapshot time */}
-                {isAirGappedIsolatedEnv && deploymentStatusDetailsBreakdownData.statusLastFetchedAt && (
+                {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 className="fw-4 lh-18 flexbox-col dc__ga-2">
+                                <h6 className="fs-12 fw-6 cn-0 m-0">Last snapshot received</h6>
+                                <p className="m-0 fs-12 cn-50">
+                                    {deploymentStatusDetailsBreakdownData.statusLastFetchedAt}
+                                </p>
                             </div>
                         }
+                        alwaysShowTippyOnHover
                     >
-                        <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 className="flex left">
+                            <div className="dc__divider h-20 mr-8 ml-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>
                         </div>
                     </Tooltip>
                 )}

src/components/app/types.ts

@@ -590,7 +590,6 @@ export interface SourceInfoType {
     setErrorsList?: React.Dispatch<React.SetStateAction<ErrorItem[]>>
     filteredEnvIds?: string
     deploymentUserActionState?: ACTION_STATE
-    isAirGappedIsolatedEnv?: boolean
 }
 
 export interface AppDetailsCDButtonType