Added env and version

Author: oable

frontend/swap-ui/public/assets/icons/github.svg

@@ -1,5 +1,4 @@
 const env = import.meta.env;
-
 const PROXY_ENV = env.VITE_PROXY_ENV;
 const SOLANA_URL = env.VITE_SOLANA_URL;
 const NEON_CORE_API_RPC_URL = env.VITE_NEON_CORE_API_RPC_URL;

frontend/swap-ui/src/environments/index.ts

@@ -1,13 +1,19 @@
 import React from 'react';
+declare const APP_VERSION: string;
 
 const Footer = () => {
   return (
     <footer className={'p-2'}>
       <div className={'flex flex-row items-center justify-between'}>
         <div className={'flex flex-row items-center'}>
+          <a href="https://github.com/neonlabsorg/neon-solana-signature-demo" target="_blank"
+             className={'github-link'}>
+            <img src="/assets/icons/github.svg" alt="Github" />
+            <span>v{APP_VERSION}</span>
+          </a>
         </div>
-        <div className={'text-gray-800'}>
-          NeonLabs &copy; {new Date().getFullYear()}
+        <div className={'flex flex-row items-center gap-[6px] text-gray-700'}>
+          <span>NeonLabs &copy; {new Date().getFullYear()}</span>
         </div>
       </div>
     </footer>

frontend/swap-ui/src/layout/Footer.tsx

@@ -1,6 +1,7 @@
 import { WalletMultiButton } from '@solana/wallet-adapter-react-ui';
 import { LAMPORTS_PER_SOL } from '@solana/web3.js';
 import { useProxyConnection } from '../wallet/Connection.tsx';
+import { PROXY_ENV } from '../environments';
 import './layout.css';
 
 const Header = () => {
@@ -10,7 +11,7 @@ const Header = () => {
     <div className={'flex flex-row items-left justify-between w-full max-w-2xl p-2'}>
       <div className="logo">
         <img src="/assets/logo.svg" width="32" height="32" alt="Neon" />
-        <span><strong>Swap</strong> Demo</span>
+        <span><strong>Swap</strong> Demo (<span className='capitalize'>{PROXY_ENV}</span>)</span>
       </div>
       <div className={'flex flex-row gap-[8px] items-center'}>
         <div className="balance">{walletBalance > 0 && `${(walletBalance / LAMPORTS_PER_SOL).toFixed(6)} SOL`}</div>

frontend/swap-ui/src/layout/Header.tsx

@@ -3,3 +3,11 @@
 .logo {
   @apply flex flex-row items-center gap-[8px] text-lg;
 }
+
+.github-link {
+  @apply flex flex-row items-center gap-[4px] text-gray-700;
+
+  &:hover {
+    @apply text-gray-600;
+  }
+}

frontend/swap-ui/src/layout/layout.css

@@ -3,7 +3,8 @@ import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import commonjs from 'vite-plugin-commonjs';
-import dynamicImport from 'vite-plugin-dynamic-import'
+import dynamicImport from 'vite-plugin-dynamic-import';
+
 
 export default defineConfig({
   plugins: [
@@ -12,5 +13,8 @@ export default defineConfig({
     nodePolyfills({ include: ['fs', 'stream', 'buffer', 'util', 'http', 'https'] }),
     commonjs(),
     dynamicImport()
-  ]
+  ],
+  define: {
+    APP_VERSION: JSON.stringify(process.env.npm_package_version)
+  }
 });