diff --git a/src/screens/StarterPack/Wizard/State.tsx b/src/screens/StarterPack/Wizard/State.tsx index d82254e43f..ea70a5dd88 100644 --- a/src/screens/StarterPack/Wizard/State.tsx +++ b/src/screens/StarterPack/Wizard/State.tsx @@ -1,7 +1,7 @@ import React from 'react' import {AppBskyActorDefs} from '@atproto/api' -const steps = ['Landing', 'Details', 'Profiles', 'Feeds'] as const +const steps = ['Details', 'Profiles', 'Feeds'] as const type Step = (typeof steps)[number] type Action = @@ -42,7 +42,7 @@ function reducer(state: State, action: Action): State { if (action.type === 'Next' && state.currentStep !== 'Feeds') { const currentIndex = steps.indexOf(state.currentStep) updatedState = {...state, currentStep: steps[currentIndex + 1]} - } else if (action.type === 'Back' && state.currentStep !== 'Landing') { + } else if (action.type === 'Back' && state.currentStep !== 'Details') { const currentIndex = steps.indexOf(state.currentStep) updatedState = {...state, currentStep: steps[currentIndex - 1]} } @@ -80,18 +80,18 @@ function reducer(state: State, action: Action): State { } switch (updatedState.currentStep) { - case 'Landing': - updatedState = { - ...updatedState, - canNext: true, - } - break case 'Details': updatedState = { ...updatedState, canNext: Boolean(updatedState.description), } break + default: + updatedState = { + ...updatedState, + canNext: true, + } + break } return updatedState @@ -100,7 +100,7 @@ function reducer(state: State, action: Action): State { // TODO supply the initial state to this component export function Provider({ initialState, - initialStep = 'Landing', + initialStep = 'Details', children, }: { initialState?: any // TODO update this type diff --git a/src/screens/StarterPack/Wizard/StepDetails.tsx b/src/screens/StarterPack/Wizard/StepDetails.tsx index f6388aed60..d44490b691 100644 --- a/src/screens/StarterPack/Wizard/StepDetails.tsx +++ b/src/screens/StarterPack/Wizard/StepDetails.tsx @@ -1,6 +1,6 @@ import React from 'react' import {View} from 'react-native' -import {msg} from '@lingui/macro' +import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useProfileQuery} from 'state/queries/profile' @@ -9,6 +9,7 @@ import {useWizardState} from '#/screens/StarterPack/Wizard/State' import {atoms as a} from '#/alf' import * as TextField from '#/components/forms/TextField' import {StarterPackIcon} from '#/components/icons/StarterPackIcon' +import {Text} from '#/components/Typography' export function StepDetails() { const {_} = useLingui() @@ -21,10 +22,21 @@ export function StepDetails() { }) return ( - - + + + + + Invites, but personal + + + + Create your own Bluesky starter packs and invite people directly to + your favorite feeds, profiles, and more. + + + {_(msg`Starter pack name`)}