From 3079e2f675ca6e9654aedfc1188dfbefa643225e Mon Sep 17 00:00:00 2001
From: Samad Yar Khan <smdyarkhan123@gmail.com>
Date: Wed, 10 Jul 2024 21:06:55 +0530
Subject: [PATCH 1/2] Update version API

---
 web-server/pages/api/internal/version.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web-server/pages/api/internal/version.ts b/web-server/pages/api/internal/version.ts
index 11cea8cc..1bc0cd7d 100644
--- a/web-server/pages/api/internal/version.ts
+++ b/web-server/pages/api/internal/version.ts
@@ -23,6 +23,7 @@ type CheckNewVersionResponse = {
   current_github_commit: string;
   is_update_available: boolean;
   latest_docker_image_build_date: Date;
+  current_docker_image_build_date: Date
 };
 
 type DockerHubAPIResponse = {
@@ -151,7 +152,8 @@ async function checkNewImageRelease(): Promise<CheckNewVersionResponse> {
       dockerLatestRemoteTag: latestTag,
       localVersionInfo: versionInfo
     }),
-    latest_docker_image_build_date: latestRemoteDate
+    latest_docker_image_build_date: latestRemoteDate,
+    current_docker_image_build_date: new Date(versionInfo.current_build_date)
   };
 }
 

From 0c61cc5e99f747212ab5e67237094710eefb4039 Mon Sep 17 00:00:00 2001
From: Samad Yar Khan <smdyarkhan123@gmail.com>
Date: Wed, 10 Jul 2024 21:07:24 +0530
Subject: [PATCH 2/2] Update redux state and Seidebar to show version details

---
 .../layouts/ExtendedSidebarLayout/Sidebar/index.tsx    | 10 ++++++++++
 web-server/src/types/resources.ts                      |  1 +
 2 files changed, 11 insertions(+)

diff --git a/web-server/src/layouts/ExtendedSidebarLayout/Sidebar/index.tsx b/web-server/src/layouts/ExtendedSidebarLayout/Sidebar/index.tsx
index b0e79146..8eb13522 100644
--- a/web-server/src/layouts/ExtendedSidebarLayout/Sidebar/index.tsx
+++ b/web-server/src/layouts/ExtendedSidebarLayout/Sidebar/index.tsx
@@ -14,6 +14,9 @@ import { SidebarContext } from '@/contexts/SidebarContext';
 
 import SidebarMenu from './SidebarMenu';
 import SidebarTopSection from './SidebarTopSection';
+import { useSelector } from '@/store';
+import { FlexBox } from '@/components/FlexBox';
+import { format } from 'date-fns';
 
 const SidebarWrapper = styled(Box)(
   ({ theme }) => `
@@ -60,6 +63,10 @@ function Sidebar() {
 
 const SidebarContent = () => {
   const theme = useTheme();
+  
+  const imageStatus = useSelector((s)=>s.app.latestImageStatus)
+  
+  const formattedDate = format(new Date(imageStatus.current_docker_image_build_date), "dd MMM yyyy HH:mm:ss");
 
   return (
     <>
@@ -75,6 +82,9 @@ const SidebarContent = () => {
         <SidebarMenu />
       </Scrollbar>
       <Divider sx={{ background: theme.colors.alpha.trueWhite[10] }} />
+      <FlexBox justifyCenter alignCenter>
+        Image TimeStamp : {formattedDate}
+      </FlexBox>
     </>
   );
 };
diff --git a/web-server/src/types/resources.ts b/web-server/src/types/resources.ts
index 0e397019..4258888d 100644
--- a/web-server/src/types/resources.ts
+++ b/web-server/src/types/resources.ts
@@ -1020,6 +1020,7 @@ export type IntegrationsLinkedAtMap = Record<keyof IntegrationsMap, DateString>;
 export type ImageStatusApiResponse = {
   latest_docker_image: string;
   is_update_available: boolean;
+  current_docker_image_build_date: DateString
 };
 
 export type DB_OrgRepo = {