Add username to user tab in masthead

guerler · May 30, 2024 · 135c44d · 135c44d
1 parent 879a0fd
commit 135c44d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/client/src/components/Masthead/Masthead.vue b/client/src/components/Masthead/Masthead.vue
@@ -14,7 +14,7 @@ import MastheadDropdown from "./MastheadDropdown";
 import MastheadItem from "./MastheadItem";
 import QuotaMeter from "./QuotaMeter";
 
-const { isAnonymous } = storeToRefs(useUserStore());
+const { isAnonymous, currentUser } = storeToRefs(useUserStore());
 
 const router = useRouter();
 const { config, isConfigLoaded } = useConfig();
@@ -128,6 +128,7 @@ onMounted(() => {
                 id="user"
                 class="loggedin-only"
                 icon="fa-user"
+                :title="currentUser.username"
                 tooltip="User Preferences"
                 :menu="[
                     {

diff --git a/client/src/components/Masthead/MastheadDropdown.vue b/client/src/components/Masthead/MastheadDropdown.vue
@@ -34,6 +34,7 @@ defineProps({
         <template v-if="icon" v-slot:button-content>
             <span class="sr-only">{{ tooltip || id }}</span>
             <span class="fa fa-fw" :class="icon" />
+            <span>{{ title }}</span>
         </template>
         <template>
             <BDropdownItem v-for="(item, idx) in menu" :key="idx" role="menuitem" @click="item.handler">