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
23
src/tours/positioning.ts
Normal file
23
src/tours/positioning.ts
Normal file
|
@ -0,0 +1,23 @@
|
|||
import {useWindowDimensions} from 'react-native'
|
||||
import {useSafeAreaInsets} from 'react-native-safe-area-context'
|
||||
|
||||
import {useShellLayout} from '#/state/shell/shell-layout'
|
||||
|
||||
export function useHeaderPosition() {
|
||||
const {headerHeight} = useShellLayout()
|
||||
const {width} = useWindowDimensions()
|
||||
const insets = useSafeAreaInsets()
|
||||
|
||||
return {
|
||||
top: insets.top,
|
||||
left: 10,
|
||||
width: width - 20,
|
||||
height: headerHeight.value,
|
||||
borderRadiusObject: {
|
||||
topLeft: 4,
|
||||
topRight: 4,
|
||||
bottomLeft: 4,
|
||||
bottomRight: 4,
|
||||
},
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue