Remove old onboarding (#4224)

* Hardcode onboarding_v2 to true, rm dead code

* Rm initialState, use initialStateReduced

* Rm dead code

* Drop *reduced prefix in code

* Prettier
This commit is contained in:
dan 2024-05-28 16:56:06 +01:00 committed by GitHub
parent 9bd411c151
commit adbbded003
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 27 additions and 1986 deletions

View file

@ -2,33 +2,18 @@ import React from 'react'
import {msg} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {useGate} from '#/lib/statsig/statsig'
import {Layout, OnboardingControls} from '#/screens/Onboarding/Layout'
import {
Context,
initialState,
initialStateReduced,
reducer,
reducerReduced,
} from '#/screens/Onboarding/state'
import {StepAlgoFeeds} from '#/screens/Onboarding/StepAlgoFeeds'
import {Context, initialState, reducer} from '#/screens/Onboarding/state'
import {StepFinished} from '#/screens/Onboarding/StepFinished'
import {StepFollowingFeed} from '#/screens/Onboarding/StepFollowingFeed'
import {StepInterests} from '#/screens/Onboarding/StepInterests'
import {StepModeration} from '#/screens/Onboarding/StepModeration'
import {StepProfile} from '#/screens/Onboarding/StepProfile'
import {StepSuggestedAccounts} from '#/screens/Onboarding/StepSuggestedAccounts'
import {StepTopicalFeeds} from '#/screens/Onboarding/StepTopicalFeeds'
import {Portal} from '#/components/Portal'
export function Onboarding() {
const {_} = useLingui()
const gate = useGate()
const isReducedOnboardingEnabled = gate('reduced_onboarding_and_home_algo_v2')
const [state, dispatch] = React.useReducer(
isReducedOnboardingEnabled ? reducerReduced : reducer,
isReducedOnboardingEnabled ? {...initialStateReduced} : {...initialState},
)
const [state, dispatch] = React.useReducer(reducer, {
...initialState,
})
const interestsDisplayNames = React.useMemo(() => {
return {
@ -68,13 +53,6 @@ export function Onboarding() {
<Layout>
{state.activeStep === 'profile' && <StepProfile />}
{state.activeStep === 'interests' && <StepInterests />}
{state.activeStep === 'suggestedAccounts' && (
<StepSuggestedAccounts />
)}
{state.activeStep === 'followingFeed' && <StepFollowingFeed />}
{state.activeStep === 'algoFeeds' && <StepAlgoFeeds />}
{state.activeStep === 'topicalFeeds' && <StepTopicalFeeds />}
{state.activeStep === 'moderation' && <StepModeration />}
{state.activeStep === 'finished' && <StepFinished />}
</Layout>
</Context.Provider>