From cf8262c6cc58e6553c05f9e9021fdb673e2c534c Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 4 Aug 2021 16:50:41 +0200
Subject: [PATCH] fix: cancel edit is called when cancel is clicked

---
 .../views/Pages/UserProfile/UserCard_FormUserData.spec.js   | 6 +++---
 .../src/views/Pages/UserProfile/UserCard_FormUserData.vue   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.spec.js b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.spec.js
index 6df58c8e3..5237a8d63 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.spec.js
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.spec.js
@@ -86,9 +86,9 @@ describe('UserCard_FormUsername', () => {
         await wrapper.findAll('input').at(1).setValue('Lustiger')
         await wrapper.find('textarea').setValue('Keine Nickelbrille')
         await wrapper.find('svg.bi-x-circle').trigger('click')
-        expect(wrapper.findAll('div.col').at(2).text()).toBe('Petra')
-        expect(wrapper.findAll('div.col').at(4).text()).toBe('Lustiger')
-        expect(wrapper.findAll('div.col').at(6).text()).toBe('Keine Nickelbrille')
+        expect(wrapper.findAll('div.col').at(2).text()).toBe('Peter')
+        expect(wrapper.findAll('div.col').at(4).text()).toBe('Lustig')
+        expect(wrapper.findAll('div.col').at(6).text()).toBe('')
       })
 
       it('has a submit button', () => {
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
index 8f278a4f6..17598e628 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
@@ -8,7 +8,7 @@
       <b-container>
         <b-row class="text-right">
           <b-col class="mb-3">
-            <a href="#!" @click="showUserData = !showUserData">
+            <a @click="showUserData ? (showUserData = !showUserData) : cancelEdit()">
               <span class="pointer mr-3">{{ $t('form.change-name') }}</span>
 
               <b-icon v-if="showUserData" class="pointer" icon="pencil">