avatar was not reactive, see unit tests, wrapper had to be initialized (

#1784)
dreammall-earth · Aug 15, 2024 · 0991c91 · 0991c91
1 parent 7115d0d
commit 0991c91
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/frontend/src/components/menu/UserInfo.test.ts b/frontend/src/components/menu/UserInfo.test.ts
@@ -65,7 +65,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has no image and no text in avatar', () => {
@@ -86,7 +85,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has no image but initials in avatar', () => {
@@ -108,7 +106,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has image and not text in avatar', () => {

diff --git a/frontend/src/components/menu/UserInfo.vue b/frontend/src/components/menu/UserInfo.vue
@@ -8,8 +8,8 @@
       >
         <ClientOnly
           ><v-avatar class="avatar d-flex align-center text-font border-sm bg-primary" size="44">
-            <v-img v-if="userImage" :src="userImage" />
-            <span v-else>{{ initals?.toUpperCase() }}</span>
+            <v-img v-if="userStore.getCurrentUserAvatar" :src="userStore.getCurrentUserAvatar" />
+            <span v-else>{{ userStore.getCurrentUserInitials?.toUpperCase() }}</span>
           </v-avatar>
           <div class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100">
             <v-icon
@@ -35,9 +35,6 @@ import UserDropdown from './UserDropdown.vue'
 
 const userStore = useUserStore()
 
-const initals = userStore.getCurrentUserInitials
-const userImage = userStore.getCurrentUserAvatar
-
 const isOpen = ref(false)
 </script>