From f1a8fd27100e4979eb3b0147fc5abfe63c866794 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 13 Sep 2024 21:42:40 -0300
Subject: [PATCH] Integrate update config language dropdown

---
 src/pages/Account/AccountConfig.vue |  4 +++-
 src/stores/user.js                  | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/pages/Account/AccountConfig.vue b/src/pages/Account/AccountConfig.vue
index 7f1694ae..5f22f0fb 100644
--- a/src/pages/Account/AccountConfig.vue
+++ b/src/pages/Account/AccountConfig.vue
@@ -99,7 +99,9 @@ onMounted(() => fetchLanguagesSql());
                         option-label="name"
                         option-value="code"
                         :options="langOptions"
-                        @update:model-value="vnFormRef.submit()"
+                        @update:model-value="
+                            userStore.updateUserLang(data.lang)
+                        "
                     />
                 </template>
                 <template #extraForm>
diff --git a/src/stores/user.js b/src/stores/user.js
index a446a199..d905c116 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -1,8 +1,10 @@
 import { defineStore } from 'pinia';
 import { api, jApi } from 'boot/axios';
 import { i18n } from 'src/boot/i18n';
+import useNotify from 'src/composables/useNotify.js';
 
 const { t } = i18n.global;
+const { notify } = useNotify();
 
 export const useUserStore = defineStore('user', {
     state: () => {
@@ -27,15 +29,15 @@ export const useUserStore = defineStore('user', {
 
     getters: {
         loggedIn: state => state.token != null,
-        userLang: state =>
-            state.localeOptions?.find(l => l.value === state?.user?.lang)?.lang
+        userLocaleOption: state =>
+            state.localeOptions?.find(l => l.value === state?.user?.lang)
     },
 
     actions: {
         async init() {
             await this.fetchUser();
             await this.supplantInit();
-            i18n.global.locale.value = this.userLang || 'en-US';
+            this.updateSiteLocale();
         },
 
         async getToken() {
@@ -105,8 +107,12 @@ export const useUserStore = defineStore('user', {
             await this.fetchUser();
         },
 
+        updateSiteLocale(locale = null) {
+            i18n.global.locale.value =
+                locale || this.userLocaleOption.lang || 'en-US';
+        },
+
         async updateUserLang(lang) {
-            console.log('lang to update: ', lang);
             if (!this.user || this.user.lang === lang) return;
             await jApi.execQuery(
                 `START TRANSACTION;
@@ -116,6 +122,8 @@ export const useUserStore = defineStore('user', {
                 { id: this.user.id, lang }
             );
             this.user.lang = lang;
+            this.updateSiteLocale();
+            notify(t('dataSaved'), 'positive');
         }
     }
 });