From 6f9323de27c6d51b0e71a7c78f138bb556a674b8 Mon Sep 17 00:00:00 2001
From: Yared Yemane <yaredyemane1@gmail.com>
Date: Fri, 27 Feb 2026 01:04:05 -0800
Subject: [PATCH] version display added

---
 .env                         |  1 +
 src/globals.d.ts             |  2 ++
 src/pages/auth/LoginPage.tsx | 10 +++++++---
 vite.config.ts               | 13 +++++++++++++
 4 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/globals.d.ts

diff --git a/.env b/.env
index ff1a1d8..86dd9a4 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,3 @@
 VITE_API_BASE_URL=http://localhost:8080/api/v1
 VITE_GOOGLE_CLIENT_ID=google_client_id
+VERSION=1.0.0
diff --git a/src/globals.d.ts b/src/globals.d.ts
new file mode 100644
index 0000000..a6bd98f
--- /dev/null
+++ b/src/globals.d.ts
@@ -0,0 +1,2 @@
+declare const __BUILD_HASH__: string
+declare const __BUILD_TIME__: string
diff --git a/src/pages/auth/LoginPage.tsx b/src/pages/auth/LoginPage.tsx
index 2ac84ef..3b1d522 100644
--- a/src/pages/auth/LoginPage.tsx
+++ b/src/pages/auth/LoginPage.tsx
@@ -401,11 +401,15 @@ export function LoginPage() {
           </form>
 
           {/* Footer */}
-          <p className="mt-10 text-center text-xs text-grayScale-400">
-            © {new Date().getFullYear()} Yimaru Academy · All rights reserved
-          </p>
+          <div className="mt-10 text-center text-xs text-grayScale-400">
+            <p>© {new Date().getFullYear()} Yimaru Academy · All rights reserved</p>
+            <p className="mt-1 font-mono text-[10px] text-grayScale-300">
+              v{__BUILD_HASH__} · {new Date(__BUILD_TIME__).toLocaleDateString()}
+            </p>
+          </div>
         </div>
       </div>
     </div>
   );
 }
+
diff --git a/vite.config.ts b/vite.config.ts
index 8463f7b..58276bf 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,21 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { execSync } from 'child_process'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  define: {
+    __BUILD_HASH__: JSON.stringify(
+      (() => {
+        try {
+          return execSync('git rev-parse --short HEAD').toString().trim()
+        } catch {
+          return 'unknown'
+        }
+      })()
+    ),
+    __BUILD_TIME__: JSON.stringify(new Date().toISOString()),
+  },
 })