From c401344193d07288142f712eb7520c433c4026f4 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 20 Sep 2021 11:50:26 +0200
Subject: [PATCH] fix: language can be changed in profile

---
 frontend/src/graphql/mutations.js                     |  2 +-
 .../Pages/UserProfile/UserCard_FormUserPasswort.vue   |  2 +-
 .../src/views/Pages/UserProfile/UserCard_Language.vue | 11 ++++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/graphql/mutations.js b/frontend/src/graphql/mutations.js
index 75bfa8775..ca8c5ad1c 100644
--- a/frontend/src/graphql/mutations.js
+++ b/frontend/src/graphql/mutations.js
@@ -19,7 +19,7 @@ export const resetPassword = gql`
 `
 
 export const updateUserInfos = gql`
-  query(
+  mutation(
     $email: String!
     $firstName: String
     $lastName: String
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
index 6e47539f5..f7c8e45f8 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
@@ -74,7 +74,7 @@ export default {
     async onSubmit() {
       this.$apollo
         .mutate({
-          mutations: updateUserInfos,
+          mutation: updateUserInfos,
           variables: {
             email: this.$store.state.email,
             password: this.form.password,
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index 412bf714e..05ca39ea1 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -29,7 +29,7 @@
 
     <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>
@@ -64,6 +64,7 @@
 <script>
 import LanguageSwitchSelect from '../../../components/LanguageSwitchSelect.vue'
 import { updateUserInfos } from '../../../graphql/mutations'
+import { localeChanged } from 'vee-validate'
 
 export default {
   name: 'FormUserLanguage',
@@ -87,19 +88,23 @@ export default {
     cancelEdit() {
       this.showLanguage = true
     },
-
     async onSubmit() {
       this.$apollo
         .mutate({
           mutation: updateUserInfos,
           variables: {
-            language: this.$store.state.language,
+            email: this.$store.state.email,
+            language: this.language,
           },
         })
         .then(() => {
+          this.$store.commit('language', this.language)
+          this.$i18n.locale = this.language
+          localeChanged(this.language)
           this.cancelEdit()
         })
         .catch((error) => {
+          this.language = this.$store.state.language
           this.$toasted.error(error.message)
         })
     },