diff options
Diffstat (limited to 'src/screens/Onboarding/index.tsx')
-rw-r--r-- | src/screens/Onboarding/index.tsx | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/src/screens/Onboarding/index.tsx b/src/screens/Onboarding/index.tsx index a4eb04012..9e5029e87 100644 --- a/src/screens/Onboarding/index.tsx +++ b/src/screens/Onboarding/index.tsx @@ -1,4 +1,6 @@ import React from 'react' +import {useLingui} from '@lingui/react' +import {msg} from '@lingui/macro' import {Portal} from '#/components/Portal' @@ -13,13 +15,44 @@ import {StepFinished} from '#/screens/Onboarding/StepFinished' import {StepModeration} from '#/screens/Onboarding/StepModeration' export function Onboarding() { + const {_} = useLingui() const [state, dispatch] = React.useReducer(reducer, {...initialState}) + const interestsDisplayNames = React.useMemo(() => { + return { + news: _(msg`News`), + journalism: _(msg`Journalism`), + nature: _(msg`Nature`), + art: _(msg`Art`), + comics: _(msg`Comics`), + writers: _(msg`Writers`), + culture: _(msg`Culture`), + sports: _(msg`Sports`), + pets: _(msg`Pets`), + animals: _(msg`Animals`), + books: _(msg`Books`), + education: _(msg`Education`), + climate: _(msg`Climate`), + science: _(msg`Science`), + politics: _(msg`Politics`), + fitness: _(msg`Fitness`), + tech: _(msg`Tech`), + dev: _(msg`Software Dev`), + comedy: _(msg`Comedy`), + gaming: _(msg`Video Games`), + food: _(msg`Food`), + cooking: _(msg`Cooking`), + } + }, [_]) + return ( <Portal> <OnboardingControls.Provider> <Context.Provider - value={React.useMemo(() => ({state, dispatch}), [state, dispatch])}> + value={React.useMemo( + () => ({state, dispatch, interestsDisplayNames}), + [state, dispatch, interestsDisplayNames], + )}> <Layout> {state.activeStep === 'interests' && <StepInterests />} {state.activeStep === 'suggestedAccounts' && ( |