use color scheme in in-app browser (#2580)

zio/stable
Hailey 2024-01-22 15:17:56 -08:00 committed by GitHub
parent 010e94a6a9
commit 6569f8a870
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions

View File

@ -4,6 +4,7 @@ import {Linking} from 'react-native'
import * as WebBrowser from 'expo-web-browser'
import {isNative} from '#/platform/detection'
import {useModalControls} from '../modals'
import {usePalette} from 'lib/hooks/usePalette'
type StateContext = persisted.Schema['useInAppBrowser']
type SetContext = (v: persisted.Schema['useInAppBrowser']) => void
@ -52,6 +53,7 @@ export function useSetInAppBrowser() {
export function useOpenLink() {
const {openModal} = useModalControls()
const enabled = useInAppBrowser()
const pal = usePalette('default')
const openLink = React.useCallback(
(url: string, override?: boolean) => {
@ -66,13 +68,14 @@ export function useOpenLink() {
WebBrowser.openBrowserAsync(url, {
presentationStyle:
WebBrowser.WebBrowserPresentationStyle.FULL_SCREEN,
toolbarColor: pal.colors.backgroundLight,
})
return
}
}
Linking.openURL(url)
},
[enabled, openModal],
[enabled, openModal, pal.colors.backgroundLight],
)
return openLink