a3d4fb652b
* 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>
27 lines
629 B
TypeScript
27 lines
629 B
TypeScript
import {useWindowDimensions} from 'react-native'
|
|
|
|
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
|
|
import {useShellLayout} from '#/state/shell/shell-layout'
|
|
|
|
export function useHeaderPosition() {
|
|
const {headerHeight} = useShellLayout()
|
|
const winDim = useWindowDimensions()
|
|
const {isMobile} = useWebMediaQueries()
|
|
|
|
let left = 0
|
|
let width = winDim.width
|
|
if (width > 590 && !isMobile) {
|
|
left = winDim.width / 2 - 295
|
|
width = 590
|
|
}
|
|
|
|
let offset = isMobile ? 45 : 0
|
|
|
|
return {
|
|
top: headerHeight.value - offset,
|
|
left,
|
|
width,
|
|
height: 45,
|
|
borderRadiusObject: undefined,
|
|
}
|
|
}
|