add commit hash to footer

components/Footer/Footer.tsx

@@ -1,18 +1,28 @@
 import { GitHubLogoIcon } from '@radix-ui/react-icons'
 import styles from './Footer.module.css'
+import { repoUrl } from '@/constants'
 
 export function Footer() {
   return (
     <footer className={styles.footer}>
-      <span>
+      <div>
-        Send ❤️ and memecoins to{' '}
+        <span>
-        <a href="https://app.ens.domains/krema.eth">krema.eth</a>
+          Send ❤️ and memecoins to{' '}
-      </span>
+          <a href="https://app.ens.domains/krema.eth">krema.eth</a>
+        </span>
 
-      <div className={styles.social}>
+        <p className={styles.social}>
-        <a href="https://github.com/kremalicious/asi-calculator">
+          <a href={repoUrl}>
-          <GitHubLogoIcon />
+            <GitHubLogoIcon />
-        </a>
+          </a>
+        </p>
+      </div>
+      <div>
+        <p>
+          <a href={`${repoUrl}/commit/${process.env.VERCEL_GIT_COMMIT_SHA}`}>
+            {process.env.VERCEL_GIT_COMMIT_SHA?.substring(0, 7)}
+          </a>
+        </p>
       </div>
     </footer>
   )

constants.ts

@@ -5,6 +5,7 @@ export const title = 'ASI Calculator'
 export const description =
   'See how much ASI you get for your OCEAN, AGIX, or FET.'
 export const liveUrl = 'https://asi.kremalicious.com'
+export const repoUrl = 'https://github.com/kremalicious/asi-calculator'
 
 export const ratioOceanToAsi = 0.43322638231018
 export const ratioAgixToAsi = 0.43335018345744