Parcourir la source

feat: enhance user profile display with user type labels in header

alvesantos il y a 2 jours
Parent
commit
7f0c7d3cad
1 fichiers modifiés avec 16 ajouts et 4 suppressions
  1. 16 4
      src/components/layout/DefaultHeaderPage.vue

+ 16 - 4
src/components/layout/DefaultHeaderPage.vue

@@ -57,17 +57,20 @@
             style="flex-shrink: 0"
           >
             <q-img
-              :src="user?.avatar_url || 'icons/user-icon.jpg'"
+              v-if="user?.avatar_url"
+              :src="user.avatar_url"
               class="avatar-circle"
             />
 
-
             <div
               v-if="$q.screen.gt.xs"
               class="column q-gutter-y-none"
               style="white-space: nowrap"
             >
               <span class="text-body2 text-center">{{ user?.name }}</span>
+              <span class="text-caption text-grey-6 text-center">{{
+                userTypeLabel
+              }}</span>
             </div>
           </div>
 
@@ -193,7 +196,8 @@
                 <div class="profile-panel q-pa-md">
                   <div class="row items-center no-wrap q-gutter-x-md">
                     <q-img
-                      :src="user?.avatar_url || 'icons/user-icon.jpg'"
+                      v-if="user?.avatar_url"
+                      :src="user.avatar_url"
                       class="avatar-circle"
                     />
                     <div class="column" style="min-width: 0">
@@ -201,7 +205,7 @@
                         {{ user?.name || "Usuário" }}
                       </span>
                       <span class="text-caption text-grey-6 ellipsis">
-                        {{ user?.email }}
+                        {{ userTypeLabel }}
                       </span>
                     </div>
                   </div>
@@ -301,6 +305,14 @@ const router = useRouter();
 const { logout } = useAuth();
 const user = computed(() => store.user);
 
+const USER_TYPE_LABELS = {
+  ADMIN: "Administrador (Franqueadora)",
+  ADMIN_FRANCHISEE: "Administrador (Franqueada)",
+};
+const userTypeLabel = computed(
+  () => USER_TYPE_LABELS[store.user?.user_type] ?? store.user?.user_type,
+);
+
 // Unidade exibida em Configurações. Sem unidade vinculada = matriz.
 const unitLabel = computed(() => {
   const units = store.user?.units ?? [];