Adds small avatar to navbar left of address when connected

art-by-city · Oct 5, 2023 · fea0a43 · fea0a43
1 parent 00bae6c
commit fea0a43
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/components/TopNavButtons.vue b/components/TopNavButtons.vue
@@ -7,6 +7,9 @@
             DISCOVER
           </v-btn>
         </v-col>
+        <v-col v-if="auth.address" cols="1" class="mt-2">
+          <Avatar :address="auth.address" :small="true" /> 
+        </v-col>
         <v-col>
           <ConnectButton />
         </v-col>
@@ -21,3 +24,9 @@
   flex-direction: row;
 }
 </style>
+
+<script setup lang="ts">
+import { useAuthStore } from '~/stores/auth'
+
+const auth = useAuthStore()
+</script>