zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

[Reduced Onboarding] Fix forward/backward nav with profile step (#3997)

Browse source 
* WIP

* Fix forward-backward to profile step

* [Reduced Onboarding] Add avatar metric (#3999)

* Add prop to finished event

* Fix type

* Use separate event
This commit is contained in:
Eric Bailey 2024-05-13 16:54:12 -05:00 • committed by GitHub
parent 9980012021
commit 95514e3af7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 37 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/screens/Onboarding/StepProfile/index.tsx
View file

@ -79,9 +79,10 @@ export function StepProfile() {
const {state, dispatch} = React.useContext(Context)
const [avatar, setAvatar] = React.useState<Avatar>({
image: state.profileStepResults?.image,
placeholder: emojiItems.at,
backgroundColor: randomColor,
useCreatedAvatar: false,
placeholder: state.profileStepResults.creatorState?.emoji || emojiItems.at,
backgroundColor:
state.profileStepResults.creatorState?.backgroundColor || randomColor,
useCreatedAvatar: state.profileStepResults.isCreatedAvatar,
})
const canvasRef = React.useRef<PlaceholderCanvasRef>(null)
@ -144,17 +145,23 @@ export function StepProfile() {
image: avatar.image,
imageUri,
imageMime: avatar.image?.mime ?? 'image/jpeg',
isCreatedAvatar: avatar.useCreatedAvatar,
creatorState: {
emoji: avatar.placeholder,
backgroundColor: avatar.backgroundColor,
},
})
}
dispatch({type: 'next'})
track('OnboardingV2:StepProfile:End')
logEvent('onboarding:profile:nextPressed', {})
}, [avatar.image, avatar.useCreatedAvatar, dispatch, track])
}, [avatar, dispatch, track])
const onDoneCreating = React.useCallback(() => {
setAvatar(prev => ({
...prev,
image: undefined,
useCreatedAvatar: true,
}))
creatorControl.close()