From a404be1cfbc7ec9d70240caf9026b400ae5bb8d9 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 22 Sep 2021 11:02:20 +0200
Subject: [PATCH 1/3] Added Email as parameter for the change language
 updateUserInfos.

---
 frontend/src/views/Pages/UserProfile/UserCard_Language.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index 7bd02cf4c..87a52d1a4 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -93,6 +93,7 @@ export default {
         .query({
           query: updateUserInfos,
           variables: {
+            email: this.$store.email,
             language: this.$store.state.language,
           },
         })

From 8a5b552a11d1f2a80c9b53fffc82fe1cede96173 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 22 Sep 2021 11:32:46 +0200
Subject: [PATCH 2/3] In case of language switch success change language in
 store.

---
 .../views/Pages/UserProfile/UserCard_Language.vue   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index 87a52d1a4..e0b5c3a72 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -23,13 +23,13 @@
             <b>{{ $t('language') }}</b>
           </small>
         </b-col>
-        <b-col class="col-12">{{ $store.state.language }}</b-col>
+        <b-col class="col-12">{{ $t(buildLanguage()) }}</b-col>
       </b-row>
     </div>
 
     <div v-else>
       <div>
-        <b-form @submit.stop.prevent="handleSubmit(onSubmit)">
+        <b-form @submit.stop.prevent="onSubmit">
           <b-row class="mb-2">
             <b-col class="col-12">
               <small>
@@ -93,17 +93,22 @@ export default {
         .query({
           query: updateUserInfos,
           variables: {
-            email: this.$store.email,
-            language: this.$store.state.language,
+            email: this.$store.state.email,
+            locale: this.language,
           },
         })
         .then(() => {
+          this.$store.commit('language', this.language)
           this.cancelEdit()
         })
         .catch((error) => {
           this.$toasted.error(error.message)
         })
     },
+
+    buildLanguage() {
+      return 'languages.' + this.$store.state.language
+    },
   },
 }
 </script>

From a0b35dad239cc7b83965401e64b7f1f6339d597d Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 22 Sep 2021 11:36:30 +0200
Subject: [PATCH 3/3] Changed the method name to something a bit more
 meaningfull.

---
 frontend/src/views/Pages/UserProfile/UserCard_Language.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index e0b5c3a72..055441aec 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -23,7 +23,7 @@
             <b>{{ $t('language') }}</b>
           </small>
         </b-col>
-        <b-col class="col-12">{{ $t(buildLanguage()) }}</b-col>
+        <b-col class="col-12">{{ $t(buildTagFromLanguageString()) }}</b-col>
       </b-row>
     </div>
 
@@ -106,7 +106,7 @@ export default {
         })
     },
 
-    buildLanguage() {
+    buildTagFromLanguageString() {
       return 'languages.' + this.$store.state.language
     },
   },