zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

i18n interests, allow for fallbacks (#2692)

Browse source
This commit is contained in:
Eric Bailey 2024-01-30 17:04:54 -06:00 • committed by GitHub
parent 4058174678
commit bb7ce215f7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 103 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/screens/Onboarding/StepSuggestedAccounts/index.tsx
View file

@ -14,6 +14,7 @@ import {Loader} from '#/components/Loader'
import * as Toggle from '#/components/forms/Toggle'
import {useModerationOpts} from '#/state/queries/preferences'
import {useAnalytics} from '#/lib/analytics/analytics'
import {capitalize} from '#/lib/strings/capitalize'
import {Context} from '#/screens/Onboarding/state'
import {
@ -25,7 +26,6 @@ import {
SuggestedAccountCard,
SuggestedAccountCardPlaceholder,
} from '#/screens/Onboarding/StepSuggestedAccounts/SuggestedAccountCard'
import {INTEREST_TO_DISPLAY_NAME} from '#/screens/Onboarding/StepInterests/data'
import {aggregateInterestItems} from '#/screens/Onboarding/util'
import {IconCircle} from '#/screens/Onboarding/IconCircle'
@ -70,7 +70,7 @@ export function Inner({
export function StepSuggestedAccounts() {
const {_} = useLingui()
const {track} = useAnalytics()
const {state, dispatch} = React.useContext(Context)
const {state, dispatch, interestsDisplayNames} = React.useContext(Context)
const {gtMobile} = useBreakpoints()
const suggestedDids = React.useMemo(() => {
return aggregateInterestItems(
@ -93,10 +93,10 @@ export function StepSuggestedAccounts() {
const interestsText = React.useMemo(() => {
const i = state.interestsStepResults.selectedInterests.map(
i => INTEREST_TO_DISPLAY_NAME[i],
i => interestsDisplayNames[i] || capitalize(i),
)
return i.join(', ')
}, [state.interestsStepResults.selectedInterests])
}, [state.interestsStepResults.selectedInterests, interestsDisplayNames])
const handleContinue = React.useCallback(async () => {
setSaving(true)