Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-20 00:33:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #950 from Stremio/feat/langs-alphabetic-ordering
Some checks are pending
Build / build (push) Waiting to run
Details

Browse source
This commit is contained in:
Timothy Z. 2025-06-25 17:58:36 +03:00 committed by GitHub
commit ee5269e1c8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/common/useLanguageSorting.ts
View file

@ -22,10 +22,12 @@ const useLanguageSorting = (options: MultiselectMenuOption[]) => {
return userLangCode.some((code) => lang?.codes.includes(code)); return userLangCode.some((code) => lang?.codes.includes(code));
}); });
if (matchingIndex === -1) return options; if (matchingIndex === -1) {
return [...options].sort((a, b) => a.label.localeCompare(b.label));
}
const matchingOption = options[matchingIndex]; const matchingOption = options[matchingIndex];
const otherOptions = options.filter((_, index) => index !== matchingIndex); const otherOptions = options.filter((_, idx) => idx !== matchingIndex).sort((a, b) => a.label.localeCompare(b.label));
return [matchingOption, ...otherOptions]; return [matchingOption, ...otherOptions];
}, [options, userLangCode, isLanguageDropdown]); }, [options, userLangCode, isLanguageDropdown]);

9
src/routes/Settings/Player/usePlayerOptions.ts
View file

@ -10,11 +10,10 @@ const usePlayerOptions = (profile: Profile) => {
const { core } = useServices(); const { core } = useServices();
const platform = usePlatform(); const platform = usePlatform();
const languageOptions = useMemo(() => const languageOptions = useMemo(() => Object.keys(LANGUAGES_NAMES).map((code) => ({
Object.keys(LANGUAGES_NAMES).map((code) => ({ value: code,
value: code, label: LANGUAGES_NAMES[code]
label: LANGUAGES_NAMES[code] })), []);
})), []);
const { sortedOptions: sortedLanguageOptions } = useLanguageSorting(languageOptions); const { sortedOptions: sortedLanguageOptions } = useLanguageSorting(languageOptions);