helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-10-17 18:19:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): use browser language by default (#10849)

Browse source
This commit is contained in:
Michel Heusschen 2024-07-05 05:56:54 +02:00 • committed by GitHub
parent 6629bf50ae
commit 6030349a6f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 55 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/lib/components/user-settings-page/app-settings.svelte
View file

@ -14,9 +14,10 @@
sidebarSettings,
} from '$lib/stores/preferences.store';
import { findLocale } from '$lib/utils';
import { getClosestAvailableLocale, langCodes } from '$lib/utils/i18n';
import { onMount } from 'svelte';
import { locale as i18nLocale, t } from 'svelte-i18n';
import { fade } from 'svelte/transition';
import { t, init } from 'svelte-i18n';
import { invalidateAll } from '$app/navigation';
let time = new Date();
@ -37,6 +38,7 @@
value: findLocale(editedLocale).code || fallbackLocale.code,
label: findLocale(editedLocale).name || fallbackLocale.name,
};
$: closestLanguage = getClosestAvailableLocale([$lang], langCodes);
onMount(() => {
const interval = setInterval(() => {
@ -78,13 +80,7 @@
const handleLanguageChange = async (newLang: string | undefined) => {
if (newLang) {
$lang = newLang;
if (newLang === 'dev') {
// Reload required, because fallbackLocale cannot be cleared.
window.location.reload();
}
await init({ fallbackLocale: defaultLang.code, initialLocale: newLang });
await i18nLocale.set(newLang);
await invalidateAll();
}
};
@ -111,7 +107,7 @@
<div class="ml-4">
<SettingCombobox
comboboxPlaceholder={$t('language')}
selectedOption={langOptions.find(({ value }) => value === $lang) || defaultLangOption}
selectedOption={langOptions.find(({ value }) => value === closestLanguage) || defaultLangOption}
options={langOptions}
title={$t('language')}
subtitle={$t('language_setting_description')}