i18n interests, allow for fallbacks (#2692)
This commit is contained in:
parent
4058174678
commit
bb7ce215f7
9 changed files with 103 additions and 56 deletions
|
@ -17,17 +17,14 @@ import {getAgent} from '#/state/session'
|
|||
import {useAnalytics} from '#/lib/analytics/analytics'
|
||||
import {Text} from '#/components/Typography'
|
||||
import {useOnboardingDispatch} from '#/state/shell'
|
||||
import {capitalize} from '#/lib/strings/capitalize'
|
||||
|
||||
import {Context} from '#/screens/Onboarding/state'
|
||||
import {Context, ApiResponseMap} from '#/screens/Onboarding/state'
|
||||
import {
|
||||
Title,
|
||||
Description,
|
||||
OnboardingControls,
|
||||
} from '#/screens/Onboarding/Layout'
|
||||
import {
|
||||
ApiResponseMap,
|
||||
INTEREST_TO_DISPLAY_NAME,
|
||||
} from '#/screens/Onboarding/StepInterests/data'
|
||||
import {InterestButton} from '#/screens/Onboarding/StepInterests/InterestButton'
|
||||
import {IconCircle} from '#/screens/Onboarding/IconCircle'
|
||||
|
||||
|
@ -36,7 +33,7 @@ export function StepInterests() {
|
|||
const t = useTheme()
|
||||
const {track} = useAnalytics()
|
||||
const {gtMobile} = useBreakpoints()
|
||||
const {state, dispatch} = React.useContext(Context)
|
||||
const {state, dispatch, interestsDisplayNames} = React.useContext(Context)
|
||||
const [saving, setSaving] = React.useState(false)
|
||||
const [interests, setInterests] = React.useState<string[]>(
|
||||
state.interestsStepResults.selectedInterests.map(i => i),
|
||||
|
@ -202,7 +199,9 @@ export function StepInterests() {
|
|||
<Toggle.Item
|
||||
key={interest}
|
||||
name={interest}
|
||||
label={INTEREST_TO_DISPLAY_NAME[interest]}>
|
||||
label={
|
||||
interestsDisplayNames[interest] || capitalize(interest)
|
||||
}>
|
||||
<InterestButton interest={interest} />
|
||||
</Toggle.Item>
|
||||
))}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue