diff --git a/src/components/StarterPack/Wizard/WizardListEmpty.tsx b/src/components/StarterPack/Wizard/WizardListEmpty.tsx index 332b89e132..51cd3150ef 100644 --- a/src/components/StarterPack/Wizard/WizardListEmpty.tsx +++ b/src/components/StarterPack/Wizard/WizardListEmpty.tsx @@ -12,7 +12,7 @@ export function WizardListEmpty({type}: {type: 'profiles' | 'feeds'}) { return ( + style={[a.flex_1, a.px_md, a.align_center, a.gap_md, {marginTop: 100}]}> {type === 'profiles' ? ( )} - + {type === 'profiles' ? ( - Recommend people to follow! + + Add people to your starter pack that you think others will enjoy + following + ) : ( Add some cool feeds! )} diff --git a/src/screens/StarterPack/Wizard/index.tsx b/src/screens/StarterPack/Wizard/index.tsx index dbe1b46cc6..e39e172606 100644 --- a/src/screens/StarterPack/Wizard/index.tsx +++ b/src/screens/StarterPack/Wizard/index.tsx @@ -85,21 +85,37 @@ function WizardInner() { }) }, [navigation]) - const wizardUiStrings: Record = - { - Details: { - header: _(msg`Starter Pack`), - nextBtn: _(msg`Next`), - }, - Profiles: { - header: _(msg`Profiles`), - nextBtn: _(msg`Next`), - }, - Feeds: { - header: _(msg`Feeds`), - nextBtn: _(msg`Finish`), - }, + const continueIsCta = () => { + if (state.currentStep === 'Details') { + return true + } else if (state.currentStep === 'Profiles') { + return state.profiles.length > 0 + } else if (state.currentStep === 'Feeds') { + return state.feeds.length > 0 } + } + + const wizardUiStrings: Record< + WizardStep, + {header: string; nextBtn: string; subtitle?: string} + > = { + Details: { + header: _(msg`Starter Pack`), + nextBtn: _(msg`Next`), + }, + Profiles: { + header: _(msg`Profiles`), + nextBtn: _(msg`Next`), + subtitle: _( + msg`Add people to your starter pack that you think others will enjoy following`, + ), + }, + Feeds: { + header: _(msg`Feeds`), + nextBtn: _(msg`Finish`), + subtitle: _(msg`Some subtitle`), + }, + } const uiStrings = wizardUiStrings[state.currentStep] @@ -132,44 +148,31 @@ function WizardInner() { sideBorders> - - {state.currentStep !== 'Details' && ( - - )} - - - {uiStrings.header} - - - + + + {state.currentStep !== 'Details' && ( + + )} + + + {uiStrings.header} + + @@ -177,23 +180,35 @@ function WizardInner() { - {state.currentStep !== 'Details' && ( + + {state.currentStep !== 'Details' && ( + + )} + - )} + {(state.currentStep === 'Profiles' || state.currentStep === 'Feeds') && (