From e9ef878ca4e2a2c0cb3a2a43db30acd71045f59e Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 9 Jan 2023 15:47:45 +0100
Subject: [PATCH] Avatar always has 2 letters

---
 frontend/src/components/Menu/Navbar.vue                    | 7 ++++++-
 .../src/components/Template/RightSide/LastTransactions.vue | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index 7efb0d2ef..caebbed07 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -16,7 +16,12 @@
       <router-link to="/settings" class="d-block d-lg-none zindex1000">
         <div class="d-flex align-items-center">
           <div class="mr-3">
-            <avatar :username="username.username" :color="'#fff'" :size="61"></avatar>
+            <avatar
+              :username="username.username"
+              :initials="username.initials"
+              :color="'#fff'"
+              :size="61"
+            ></avatar>
           </div>
         </div>
       </router-link>
diff --git a/frontend/src/components/Template/RightSide/LastTransactions.vue b/frontend/src/components/Template/RightSide/LastTransactions.vue
index 419bf334d..1cfb02061 100644
--- a/frontend/src/components/Template/RightSide/LastTransactions.vue
+++ b/frontend/src/components/Template/RightSide/LastTransactions.vue
@@ -24,6 +24,7 @@
               :size="72"
               :color="'#fff'"
               :username="`${transaction.linkedUser.firstName} ${transaction.linkedUser.lastName}`"
+              :initials="`${transaction.linkedUser.firstName[0]} ${transaction.linkedUser.lastName[0]}`"
             ></avatar>
           </div>
         </b-col>