diff options
Diffstat (limited to 'src/view/com/modals/lang-settings/LanguageToggle.tsx')
-rw-r--r-- | src/view/com/modals/lang-settings/LanguageToggle.tsx | 66 |
1 files changed, 32 insertions, 34 deletions
diff --git a/src/view/com/modals/lang-settings/LanguageToggle.tsx b/src/view/com/modals/lang-settings/LanguageToggle.tsx index df1b405ca..187b46e8c 100644 --- a/src/view/com/modals/lang-settings/LanguageToggle.tsx +++ b/src/view/com/modals/lang-settings/LanguageToggle.tsx @@ -5,43 +5,41 @@ import {observer} from 'mobx-react-lite' import {ToggleButton} from 'view/com/util/forms/ToggleButton' import {useStores} from 'state/index' -export const LanguageToggle = observer( - ({ - code2, - name, - onPress, - langType, - }: { - code2: string - name: string - onPress: () => void - langType: 'contentLanguages' | 'postLanguages' - }) => { - const pal = usePalette('default') - const store = useStores() +export const LanguageToggle = observer(function LanguageToggleImpl({ + code2, + name, + onPress, + langType, +}: { + code2: string + name: string + onPress: () => void + langType: 'contentLanguages' | 'postLanguages' +}) { + const pal = usePalette('default') + const store = useStores() - const isSelected = store.preferences[langType].includes(code2) + const isSelected = store.preferences[langType].includes(code2) - // enforce a max of 3 selections for post languages - let isDisabled = false - if ( - langType === 'postLanguages' && - store.preferences[langType].length >= 3 && - !isSelected - ) { - isDisabled = true - } + // enforce a max of 3 selections for post languages + let isDisabled = false + if ( + langType === 'postLanguages' && + store.preferences[langType].length >= 3 && + !isSelected + ) { + isDisabled = true + } - return ( - <ToggleButton - label={name} - isSelected={isSelected} - onPress={isDisabled ? undefined : onPress} - style={[pal.border, styles.languageToggle, isDisabled && styles.dimmed]} - /> - ) - }, -) + return ( + <ToggleButton + label={name} + isSelected={isSelected} + onPress={isDisabled ? undefined : onPress} + style={[pal.border, styles.languageToggle, isDisabled && styles.dimmed]} + /> + ) +}) const styles = StyleSheet.create({ languageToggle: { |