Merge pull request #320 from oasisprotocol/mz/footerFix

Show build details in footer

Author: buberdds

.changelog/320.bugfix.md

@@ -0,0 +1 @@
+Show build details in footer

src/components/Layout/Footer.tsx

@@ -13,9 +13,30 @@ export const Footer: FC = () => {
 
       <div className="flex items-center gap-2.5">
         <p className="text-xs text-muted-foreground">
-          <a href="#" rel="noopener noreferrer" target="_blank">
-            Version {APP_VERSION}
-          </a>
+          Version:{' '}
+          <a
+            href={`${GITHUB_REPOSITORY_URL}releases/tag/v${APP_VERSION}`}
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            {APP_VERSION}
+          </a>{' '}
+          <span className="hidden md:inline">
+            (commit:{' '}
+            <a
+              href={`${GITHUB_REPOSITORY_URL}commit/${BUILD_COMMIT}`}
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              {BUILD_COMMIT.substring(0, 7)}
+            </a>
+            ) built on{' '}
+            {new Intl.DateTimeFormat('en', {
+              year: 'numeric',
+              month: 'numeric',
+              day: 'numeric',
+            }).format(BUILD_DATETIME)}
+          </span>
         </p>
         <span className="text-xs text-muted-foreground">|</span>
         <a

src/vite-env.d.ts

@@ -2,6 +2,8 @@
 
 declare const APP_VERSION: string
 declare const BUILD_COMMIT: string
+declare const BUILD_DATETIME: number
+declare const GITHUB_REPOSITORY_URL: string
 
 interface ImportMetaEnv {
   VITE_WALLET_CONNECT_PROJECT_ID: string

vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import tailwindcss from '@tailwindcss/vite';
-import { version } from './package.json';
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import { version } from './package.json'
 import { execSync } from 'node:child_process'
 
 // https://vite.dev/config/
@@ -10,5 +10,7 @@ export default defineConfig({
   define: {
     APP_VERSION: JSON.stringify(version),
     BUILD_COMMIT: JSON.stringify(execSync('git rev-parse HEAD').toString().trim()),
+    BUILD_DATETIME: JSON.stringify(new Date().getTime()),
+    GITHUB_REPOSITORY_URL: JSON.stringify('https://github.com/oasisprotocol/rofl-app/'),
   },
-});
+})