From 5c01c419c4baa74e0df76f6bfb5dacba85444146 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 10 May 2022 15:55:30 +0200
Subject: [PATCH] Fix broken image upload on profile page

---
 client/src/components/profile/AvatarUploadForm.vue |  2 +-
 client/src/components/profile/Profile.vue          | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/profile/AvatarUploadForm.vue b/client/src/components/profile/AvatarUploadForm.vue
index d043f0ad..2c0a1b46 100644
--- a/client/src/components/profile/AvatarUploadForm.vue
+++ b/client/src/components/profile/AvatarUploadForm.vue
@@ -3,7 +3,7 @@
     <image-form
       :value="value"
       index="0"
-      @link-change-url="changeLinkUrl"
+      @change-url="changeLinkUrl"
     />
   </div>
 </template>
diff --git a/client/src/components/profile/Profile.vue b/client/src/components/profile/Profile.vue
index 16bdbdcc..f90d05e6 100644
--- a/client/src/components/profile/Profile.vue
+++ b/client/src/components/profile/Profile.vue
@@ -64,9 +64,14 @@
           },
           update(store, {data: {updateAvatar: {success}}}) {
             if (success) {
-              const data = store.readQuery({query: ME_QUERY});
-              if (data) {
-                data.me.avatarUrl = url;
+              const {me} = store.readQuery({query: ME_QUERY});
+              if (me) {
+                const data = {
+                  me: {
+                    ...me,
+                    avatarUrl: url
+                  }
+                };
                 store.writeQuery({query: ME_QUERY, data});
               }
             }