ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Split up language utils file

Browse Source
This commit is contained in:
schroda
2026-01-11 17:18:42 +01:00
parent 3d8d230995
commit c1ac58f4d6
6 changed files with 74 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/base/components/inputs/LanguageSelect.tsx
View File

@@ -21,7 +21,8 @@ import { useTranslation } from 'react-i18next';
import { Virtuoso } from 'react-virtuoso';
import { CustomTooltip } from '@/base/components/CustomTooltip.tsx';
import { translateExtensionLanguage } from '@/features/extension/Extensions.utils.ts';
import { languageSortComparator, toUniqueLanguageCodes } from '@/base/utils/Languages.ts';
import { languageSortComparator } from '@/base/utils/Languages.ts';
import { toUniqueISOLanguageCodes } from '@/lib/ISOLanguageUtil.ts';
interface IProps {
selectedLanguages: string[];
@@ -33,12 +34,12 @@ export function LanguageSelect(props: IProps) {
const { t } = useTranslation();
const { selectedLanguages, setSelectedLanguages, languages } = props;
const [tmpSelectedLanguages, setTmpSelectedLanguages] = useState(toUniqueLanguageCodes(selectedLanguages));
const [tmpSelectedLanguages, setTmpSelectedLanguages] = useState(toUniqueISOLanguageCodes(selectedLanguages));
const [open, setOpen] = useState<boolean>(false);
const languagesSortedBySelectState = useMemo(
() =>
toUniqueLanguageCodes([
toUniqueISOLanguageCodes([
...tmpSelectedLanguages.toSorted(languageSortComparator),
...languages.toSorted(languageSortComparator),
]),
@@ -47,12 +48,12 @@ export function LanguageSelect(props: IProps) {
const handleCancel = () => {
setOpen(false);
setTmpSelectedLanguages(toUniqueLanguageCodes(selectedLanguages));
setTmpSelectedLanguages(toUniqueISOLanguageCodes(selectedLanguages));
};
const handleOk = () => {
setOpen(false);
setSelectedLanguages(toUniqueLanguageCodes(tmpSelectedLanguages));
setSelectedLanguages(toUniqueISOLanguageCodes(tmpSelectedLanguages));
};
const handleChange = (language: string, selected: boolean) => {