From 679d98a2afa64e37df96276b264d1b00c4802c1a Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Thu, 1 Apr 2021 19:40:07 +0200
Subject: [PATCH] [users] Fixed avatar on widget

---
 src/plugins/user/components/Widget.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/plugins/user/components/Widget.vue b/src/plugins/user/components/Widget.vue
index 1ef7771..26aeae0 100644
--- a/src/plugins/user/components/Widget.vue
+++ b/src/plugins/user/components/Widget.vue
@@ -4,7 +4,7 @@
       <div v-if="avatar" class="col-4">
         <div style="width: 100%; padding-bottom: 100%; position: relative">
           <q-avatar style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
-            <q-img :src="avatarLink" @error="avatar = false" />
+            <img :src="avatarLink" :onerror="error" />
           </q-avatar>
         </div>
       </div>
@@ -43,6 +43,10 @@ export default defineComponent({
     const name = ref(mainStore.currentUser.firstname);
     const avatarLink = ref(mainStore.currentUser.avatar_url);
 
+    function error() {
+      avatar.value = false;
+    }
+
     function userHasBirthday(user: FG.User) {
       const today = new Date();
       return (
@@ -62,7 +66,7 @@ export default defineComponent({
         .filter((user) => user.userid !== mainStore.currentUser.userid)
     );
 
-    return { avatar, avatarLink, name, hasBirthday, birthday };
+    return { avatar, avatarLink, error, name, hasBirthday, birthday };
   },
 });
 </script>