859588c3f6
* upgrade api package * add RecommendedFollows as a step in onboarding * add list of recommended follows from suggested actor model * remove dead code * hoist suggestedActors into onboarding model * add comments * load more suggested follows on follow * styling changes * add animation * tweak animations * adjust styling slightly * adjust styles on mobile * styling improvements for web * fix text alignment in RecommendedFollows * dedupe inserted suggestions * fix animation duration * Minor spacing tweak --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com> and Eric Bailey <git@esb.lol>
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import React from 'react'
|
|
import {SafeAreaView} from 'react-native'
|
|
import {observer} from 'mobx-react-lite'
|
|
import {ErrorBoundary} from 'view/com/util/ErrorBoundary'
|
|
import {s} from 'lib/styles'
|
|
import {usePalette} from 'lib/hooks/usePalette'
|
|
import {useStores} from 'state/index'
|
|
import {Welcome} from './onboarding/Welcome'
|
|
import {RecommendedFeeds} from './onboarding/RecommendedFeeds'
|
|
import {RecommendedFollows} from './onboarding/RecommendedFollows'
|
|
|
|
export const Onboarding = observer(function OnboardingImpl() {
|
|
const pal = usePalette('default')
|
|
const store = useStores()
|
|
|
|
React.useEffect(() => {
|
|
store.shell.setMinimalShellMode(true)
|
|
}, [store])
|
|
|
|
const next = () => store.onboarding.next()
|
|
const skip = () => store.onboarding.skip()
|
|
|
|
return (
|
|
<SafeAreaView testID="onboardingView" style={[s.hContentRegion, pal.view]}>
|
|
<ErrorBoundary>
|
|
{store.onboarding.step === 'Welcome' && (
|
|
<Welcome skip={skip} next={next} />
|
|
)}
|
|
{store.onboarding.step === 'RecommendedFeeds' && (
|
|
<RecommendedFeeds next={next} />
|
|
)}
|
|
{store.onboarding.step === 'RecommendedFollows' && (
|
|
<RecommendedFollows next={next} />
|
|
)}
|
|
</ErrorBoundary>
|
|
</SafeAreaView>
|
|
)
|
|
})
|