diff --git a/src/components/LanguageSelect.tsx b/src/components/LanguageSelect.tsx index 30b1143091..6bcaebe539 100644 --- a/src/components/LanguageSelect.tsx +++ b/src/components/LanguageSelect.tsx @@ -1,4 +1,3 @@ -import {useCallback} from 'react' import {msg} from '@lingui/core/macro' import {useLingui} from '@lingui/react' @@ -14,26 +13,31 @@ export function LanguageSelect({ value: l.code2, })), label, + disabledBlueskySupportedLanguageSanitization = false, }: { value?: string onChange: (value: string) => void items?: {label: string; value: string}[] label?: string + disabledBlueskySupportedLanguageSanitization?: boolean }) { const {_} = useLingui() + const selectValue = + value && !disabledBlueskySupportedLanguageSanitization + ? sanitizeAppLanguageSetting(value) + : value - const handleOnChange = useCallback( - (value: string) => { - if (!value) return - onChange(sanitizeAppLanguageSetting(value)) - }, - [onChange], - ) + const handleOnChange = (value: string) => { + if (!value) return + onChange( + disabledBlueskySupportedLanguageSanitization + ? value + : sanitizeAppLanguageSetting(value), + ) + } return ( - + diff --git a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx index 15e3a2b472..c92d43e32c 100644 --- a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx +++ b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx @@ -296,6 +296,7 @@ function Inner() { setLanguageError(false) }} items={KWS_SUPPORTED_LANGS} + disabledBlueskySupportedLanguageSanitization /> {languageError && (