Eric Bailey
11c9931fd2
* Only enable policy update overlay once the actual Overlay mounts (after onboarding and all that) * Disable policy overlay in e2e * Add comments * Add extra insurance * Rm log
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
import {useEffect} from 'react'
|
|
import {View} from 'react-native'
|
|
|
|
import {isIOS} from '#/platform/detection'
|
|
import {atoms as a} from '#/alf'
|
|
import {FullWindowOverlay} from '#/components/FullWindowOverlay'
|
|
import {usePolicyUpdateContext} from '#/components/PolicyUpdateOverlay/context'
|
|
import {Portal} from '#/components/PolicyUpdateOverlay/Portal'
|
|
import {Content} from '#/components/PolicyUpdateOverlay/updates/202508'
|
|
|
|
export {Provider} from '#/components/PolicyUpdateOverlay/context'
|
|
export {usePolicyUpdateContext} from '#/components/PolicyUpdateOverlay/context'
|
|
export {Outlet} from '#/components/PolicyUpdateOverlay/Portal'
|
|
|
|
export function PolicyUpdateOverlay() {
|
|
const {state, setIsReadyToShowOverlay} = usePolicyUpdateContext()
|
|
|
|
useEffect(() => {
|
|
/**
|
|
* Tell the context that we are ready to show the overlay.
|
|
*/
|
|
setIsReadyToShowOverlay()
|
|
}, [setIsReadyToShowOverlay])
|
|
|
|
/*
|
|
* See `window.clearNux` example in `/state/queries/nuxs` for a way to clear
|
|
* NUX state for local testing and debugging.
|
|
*/
|
|
|
|
if (state.completed) return null
|
|
|
|
return (
|
|
<Portal>
|
|
<FullWindowOverlay>
|
|
<View
|
|
style={[
|
|
a.fixed,
|
|
a.inset_0,
|
|
// setting a zIndex when using FullWindowOverlay on iOS
|
|
// means the taps pass straight through to the underlying content (???)
|
|
// so don't set it on iOS. FullWindowOverlay already does the job.
|
|
!isIOS && {zIndex: 9999},
|
|
]}>
|
|
<Content state={state} />
|
|
</View>
|
|
</FullWindowOverlay>
|
|
</Portal>
|
|
)
|
|
}
|