diff --git a/packages/web/src/settings/SettingsModal.svelte b/packages/web/src/settings/SettingsModal.svelte index 1912e2433..78bb3b7b0 100644 --- a/packages/web/src/settings/SettingsModal.svelte +++ b/packages/web/src/settings/SettingsModal.svelte @@ -16,7 +16,7 @@ import FontIcon from '../icons/FontIcon.svelte'; import ModalBase from '../modals/ModalBase.svelte'; - import { closeCurrentModal } from '../modals/modalTools'; + import { closeCurrentModal, showModal } from '../modals/modalTools'; import { EDITOR_KEYBINDINGS_MODES, EDITOR_THEMES, FONT_SIZES } from '../query/AceEditor.svelte'; import SqlEditor from '../query/SqlEditor.svelte'; import { @@ -41,6 +41,7 @@ import FormDefaultActionField from './FormDefaultActionField.svelte'; import { _t, getSelectedLanguage } from '../translations'; import { internalRedirectTo } from '../clientAuth'; + import ConfirmModal from '../modals/ConfirmModal.svelte'; const electron = getElectron(); let restartWarning = false; @@ -139,9 +140,14 @@ ORDER BY { value: 'cs', label: 'Czech' }, ]} on:change={() => { - setTimeout(() => { - internalRedirectTo('/'); - }, 100); + showModal(ConfirmModal, { + message: 'Application will be reloaded to apply new language settings', + onConfirm: () => { + setTimeout(() => { + internalRedirectTo('/'); + }, 100); + }, + }); }} />