Merge pull request #39 from ATOR-Development/leggo/phase-1/dev

Leggo/phase 1/dev

components/DashboardFooter.vue

@@ -3,15 +3,15 @@ import ButtonThemeToggle from './ui-kit/ButtonThemeToggle.vue';
 
 const config = useRuntimeConfig();
 
-const version = '1.0.0';
+const version = config.public.version;
 const commitHash = config.public.commitHash || 'dev';
+
 </script>
 
 <template>
    <footer
       class="bg-gradient-to-t from-slate-100 to-teal-50 dark:from-zinc-900 dark:via-gray-900 py-4 px-6 mt-auto flex justify-between lg:justify-center  items-center rounded-xl">
       <div class="flex gap-2">
-         <TitleAndLogo />
          <h1 class="lg:hidden capitalize font-brand tracking-wider">ATOR</h1>
       </div>
 

config/web3modal.config.ts

@@ -4,7 +4,7 @@ export const metadata = {
   description:
     'ATOR empowers the adoption and strength of the Tor network. ATOR Proof-of-Uptime and relay hardware allow users to earn passively while contributing to Tor.',
   url: 'https://ator-dashboard.ar-io.dev/',
-  icons: ['/images/ator-logo.png'],
+  icons: ['/images/AtorLogo.png'],
 };
 
 export const getAtorAddress = () => {

layouts/default.vue

@@ -1,5 +1,11 @@
 <script setup lang="ts">
 import GlowEffect from '~/components/ui-kit/GlowEffect.vue';
+const config = useRuntimeConfig();
+
+const version = config.public.version;
+onMounted(() => {
+  console.log('Dashboard version:', version);
+});
 </script>
 
 <template>

nuxt.config.ts

@@ -61,6 +61,7 @@ export default defineNuxtConfig({
       supportWalletPublicKeyBase64:
         'K3jnSGVyHj4kSzgce3+k8gJsfHvUoQeJMNPO8CcsO2s=',
       commitHash: process.env.NUXT_PUBLIC_COMMIT_HASH || 'dev',
+      version: '1.0.1',
     },
   },
   plugins: [{ src: '~/plugins/vue-query.client.ts', mode: 'client' }],