Merge pull request #117 from Blockchain-Technology-Lab/ipfs

added github hash on footer

Author: ZeeshanJan

src/components/layout/Footer.tsx

@@ -29,6 +29,8 @@ export function Footer() {
       })
     : 'Build date not available'
 
+  const commitHash = import.meta.env.VITE_COMMIT_HASH
+
   return (
     <footer className="footer sm:footer-horizontal bg-base-200 text-base-content px-4 pt-3 pb-4 sm:p-4 relative gap-y-5">
       {/* Action buttons — always pinned top-right so they never consume a row */}
@@ -66,7 +68,23 @@ export function Footer() {
             className="h-6 sm:h-7 w-auto object-contain opacity-80 hover:opacity-100 transition-opacity"
           />
         </a>
-        <div className="text-[10px] opacity-60">{buildDate}</div>
+        <div className="text-[10px] opacity-60 flex items-center gap-1.5">
+          <span>{buildDate}</span>
+          {commitHash && commitHash !== 'unknown' && (
+            <>
+              <span aria-hidden="true">&middot;</span>
+              <a
+                href={`https://github.com/Blockchain-Technology-Lab/edi-frontend/commit/${commitHash}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-mono hover:opacity-100 hover:underline"
+                title="View this commit on GitHub"
+              >
+                {commitHash}
+              </a>
+            </>
+          )}
+        </div>
       </aside>
 
       {/*

vite.config.ts

@@ -3,12 +3,23 @@ import react from '@vitejs/plugin-react'
 import mdx from '@mdx-js/rollup'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
+import { execSync } from 'child_process'
 
 const base = ''
 
 // For testing purpose, we can use a specific date as: "2024-01-15T10:30:00.000Z"
 const buildDate = new Date().toISOString()
 
+function getCommitHash() {
+  try {
+    return execSync('git rev-parse --short HEAD').toString().trim()
+  } catch {
+    return 'unknown'
+  }
+}
+
+const commitHash = getCommitHash()
+
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [mdx(), react(), tailwindcss()],
@@ -18,8 +29,9 @@ export default defineConfig({
     }
   },
   define: {
-    // Inject build date at build time
-    'import.meta.env.VITE_BUILD_DATE': JSON.stringify(buildDate)
+    // Inject build date and commit hash at build time
+    'import.meta.env.VITE_BUILD_DATE': JSON.stringify(buildDate),
+    'import.meta.env.VITE_COMMIT_HASH': JSON.stringify(commitHash)
   },
   base: base,
   build: {