mirror of
https://github.com/immich-app/immich.git
synced 2025-01-01 08:31:59 +00:00
feat(web): Language settings list UX nits (#10261)
* feat(web): Sort language settings list before: https://bo0.tz/u/xMLnEW.png after: https://bo0.tz/u/lGLn9h.png * feat(web): Select combobox text when focused
This commit is contained in:
parent
b9593361a4
commit
058ca28d88
2 changed files with 4 additions and 1 deletions
|
@ -59,6 +59,7 @@
|
||||||
|
|
||||||
const activate = () => {
|
const activate = () => {
|
||||||
isActive = true;
|
isActive = true;
|
||||||
|
input?.select();
|
||||||
openDropdown();
|
openDropdown();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -65,7 +65,9 @@
|
||||||
$locale = $locale ? undefined : fallbackLocale.code;
|
$locale = $locale ? undefined : fallbackLocale.code;
|
||||||
};
|
};
|
||||||
|
|
||||||
const langOptions = langs.map((lang) => ({ label: lang.name, value: lang.code }));
|
const langOptions = langs
|
||||||
|
.map((lang) => ({ label: lang.name, value: lang.code }))
|
||||||
|
.sort((a, b) => a.label.localeCompare(b.label));
|
||||||
const defaultLangOption = { label: defaultLang.name, value: defaultLang.code };
|
const defaultLangOption = { label: defaultLang.name, value: defaultLang.code };
|
||||||
|
|
||||||
const handleLanguageChange = async (newLang: string | undefined) => {
|
const handleLanguageChange = async (newLang: string | undefined) => {
|
||||||
|
|
Loading…
Reference in a new issue