diff --git a/dashboard/src/components/CloudronAccount.vue b/dashboard/src/components/CloudronAccount.vue
index 215a17239..9f9fb9afc 100644
--- a/dashboard/src/components/CloudronAccount.vue
+++ b/dashboard/src/components/CloudronAccount.vue
@@ -90,8 +90,12 @@ onMounted(async () => {
- {{ $t('settings.appstoreAccount.description') }}
-
+
+ {{ $t('settings.appstoreAccount.description') }}
+
+
+
+
diff --git a/dashboard/src/views/SettingsView.vue b/dashboard/src/views/SettingsView.vue
index 10eccb890..bfbd64253 100644
--- a/dashboard/src/views/SettingsView.vue
+++ b/dashboard/src/views/SettingsView.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
const i18n = useI18n();
const t = i18n.t;
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted } from 'vue';
import { SingleSelect } from 'pankow';
import moment from 'moment-timezone';
import SettingsItem from '../components/SettingsItem.vue';
@@ -21,38 +21,24 @@ const allTimezones = moment.tz.names().map(t => { return { id: t }; });
const timeZone = ref('');
const currentTimeZone = ref('');
-watch(timeZone, async (newTimeZone, oldTimeZone) => {
- if (!oldTimeZone) return;
+async function onTimeZoneChange(value) {
+ const [error] = await cloudronModel.setTimeZone(value);
+ if (error) return console.error(error);
- const [error] = await cloudronModel.setTimeZone(newTimeZone);
- if (error) {
- console.error(error);
- window.pankow.notify({ text: 'Failed to set timezone. Check logs', type: 'danger' });
- timeZone.value = currentTimeZone.value;
- } else {
- currentTimeZone.value = newTimeZone;
- window.pankow.notify({ text: 'Timezone changed', type: 'success' });
- }
-});
+ currentTimeZone.value = value;
+}
// Language
const allLanguages = ref([]);
const language = ref('');
const currentLanguage = ref('');
-watch(language, async (newLanguage, oldLanguage) => {
- if (!oldLanguage) return;
+async function onLanguageChange(value) {
+ const [error] = await cloudronModel.setLanguage(value);
+ if (error) return console.error(error);
- const [error] = await cloudronModel.setLanguage(newLanguage);
- if (error) {
- console.error(error);
- window.pankow.notify({ text: 'Failed to set language. Check logs', type: 'danger' });
- language.value = currentLanguage.value;
- } else {
- currentLanguage.value = newLanguage;
- window.pankow.notify({ text: 'Language changed', type: 'success' });
- }
-});
+ currentLanguage.value = value;
+}
onMounted(async () => {
let [error, result] = await cloudronModel.getTimeZone();
@@ -89,7 +75,7 @@ onMounted(async () => {
-
+
@@ -99,7 +85,7 @@ onMounted(async () => {
{{ $t('settings.language.description') }}
-
+