Guided tour for new users (#4690)
* Add home guided tour (WIP) * Add web handling of the tour * Switch to our fork of rn-tourguide * Bump guided-tour * Fix alignment on android * Implement home page tour trigger after account creation * Add new_user_guided_tour gate * Add a title line to the tour tooltips * A11y improvements: proper labels, focus capture, scroll capture * Silence type error * Native a11y * Use FocusScope * Switch to useWebBodyScrollLock() --------- Co-authored-by: Eric Bailey <git@esb.lol>
This commit is contained in:
parent
6694a33603
commit
a3d4fb652b
18 changed files with 541 additions and 39 deletions
18
src/tours/Debug.tsx
Normal file
18
src/tours/Debug.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import React from 'react'
|
||||
import {useTourGuideController} from 'rn-tourguide'
|
||||
|
||||
import {Button} from '#/components/Button'
|
||||
import {Text} from '#/components/Typography'
|
||||
|
||||
export function TourDebugButton() {
|
||||
const {start} = useTourGuideController('home')
|
||||
return (
|
||||
<Button
|
||||
label="Start tour"
|
||||
onPress={() => {
|
||||
start()
|
||||
}}>
|
||||
{() => <Text>t</Text>}
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue