From b059d81c21e152fda66b3254c66d6f7e03235307 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Thu, 14 Aug 2025 16:03:47 +0200
Subject: [PATCH] fixes

---
 layouts/dashboard.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/layouts/dashboard.vue b/layouts/dashboard.vue
index b4cf07e..11f6d2f 100644
--- a/layouts/dashboard.vue
+++ b/layouts/dashboard.vue
@@ -121,9 +121,10 @@
         <template v-slot:activator="{ props }">
           <v-btn icon v-bind="props" color="white">
             <ProfileAvatar 
+              :member-id="memberData?.member_id"
               :member-name="user?.name"
-              :first-name="user?.firstName"
-              :last-name="user?.lastName"
+              :first-name="user?.firstName || memberData?.first_name"
+              :last-name="user?.lastName || memberData?.last_name"
               size="small"
               :lazy="false"
               show-border
@@ -193,9 +194,18 @@
 </template>
 
 <script setup lang="ts">
+import type { Member } from '~/utils/types';
+
 const { user, userTier, isBoard, isAdmin, logout } = useAuth();
 const drawer = ref(true);
 
+// Fetch complete member data for profile avatar
+const { data: sessionData } = await useFetch<{ success: boolean; member: Member | null }>('/api/auth/session', { 
+  server: false
+});
+
+const memberData = computed<Member | null>(() => sessionData.value?.member || null);
+
 // Helper functions
 const getTierColor = (tier: string) => {
   switch (tier) {