Factor lightbox out into hook/context (#1919)
This commit is contained in:
parent
03b20c70e4
commit
e749f2f3a5
10 changed files with 152 additions and 104 deletions
|
@ -16,7 +16,7 @@ import {useStores} from 'state/index'
|
|||
import {NavigationProp} from 'lib/routes/types'
|
||||
import {BACK_HITSLOP} from 'lib/constants'
|
||||
import {isNative} from 'platform/detection'
|
||||
import {ImagesLightbox} from 'state/models/ui/shell'
|
||||
import {useLightboxControls, ImagesLightbox} from '#/state/lightbox'
|
||||
import {useLingui} from '@lingui/react'
|
||||
import {msg} from '@lingui/macro'
|
||||
import {useSetDrawerOpen} from '#/state/shell'
|
||||
|
@ -50,6 +50,7 @@ export const ProfileSubpageHeader = observer(function HeaderImpl({
|
|||
const navigation = useNavigation<NavigationProp>()
|
||||
const {_} = useLingui()
|
||||
const {isMobile} = useWebMediaQueries()
|
||||
const {openLightbox} = useLightboxControls()
|
||||
const pal = usePalette('default')
|
||||
const canGoBack = navigation.canGoBack()
|
||||
|
||||
|
@ -69,9 +70,9 @@ export const ProfileSubpageHeader = observer(function HeaderImpl({
|
|||
if (
|
||||
avatar // TODO && !(view.moderation.avatar.blur && view.moderation.avatar.noOverride)
|
||||
) {
|
||||
store.shell.openLightbox(new ImagesLightbox([{uri: avatar}], 0))
|
||||
openLightbox(new ImagesLightbox([{uri: avatar}], 0))
|
||||
}
|
||||
}, [store, avatar])
|
||||
}, [openLightbox, avatar])
|
||||
|
||||
return (
|
||||
<CenteredView style={pal.view}>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue