Language settings updates, new primary language setting (#1471)

* move content languages to screen

* add dropdown library, style primary lang select

* update settings button

* show selected langauges in button

* use primary language in translator link

* update copy

* lint
This commit is contained in:
Eric Bailey 2023-09-21 13:33:19 -05:00 committed by GitHub
parent 335061f763
commit 8a5f9cd43d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 272 additions and 14 deletions

View file

@ -145,10 +145,9 @@ export const SettingsScreen = withAuthRequired(
store.shell.openModal({name: 'invite-codes'})
}, [track, store])
const onPressContentLanguages = React.useCallback(() => {
track('Settings:ContentlanguagesButtonClicked')
store.shell.openModal({name: 'content-languages-settings'})
}, [track, store])
const onPressLanguageSettings = React.useCallback(() => {
navigation.navigate('LanguageSettings')
}, [navigation])
const onPressSignout = React.useCallback(() => {
track('Settings:SignOutButtonClicked')
@ -456,12 +455,12 @@ export const SettingsScreen = withAuthRequired(
</Text>
</TouchableOpacity>
<TouchableOpacity
testID="contentLanguagesBtn"
testID="languageSettingsBtn"
style={[styles.linkCard, pal.view, isSwitching && styles.dimmed]}
onPress={isSwitching ? undefined : onPressContentLanguages}
onPress={isSwitching ? undefined : onPressLanguageSettings}
accessibilityRole="button"
accessibilityHint="Content languages"
accessibilityLabel="Opens configurable content language settings">
accessibilityHint="Language settings"
accessibilityLabel="Opens configurable language settings">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="language"
@ -469,7 +468,7 @@ export const SettingsScreen = withAuthRequired(
/>
</View>
<Text type="lg" style={pal.text}>
Content languages
Languages
</Text>
</TouchableOpacity>
<TouchableOpacity