zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Add support for web links

Browse source
This commit is contained in:
Paul Frazee 2022-11-18 13:59:17 -06:00
parent 9d13e05dbf
commit 6e2b7a0b90
4 changed files with 67 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/view/com/util/Link.tsx
View file

@ -1,6 +1,7 @@
import React from 'react'
import {observer} from 'mobx-react-lite'
import {
Linking,
StyleProp,
Text,
TouchableOpacity,
@ -8,6 +9,7 @@ import {
ViewStyle,
} from 'react-native'
import {useStores} from '../../../state'
import {RootStoreModel} from '../../../state'
import {LinkActionsModel} from '../../../state/models/shell-ui'
export const Link = observer(function Link({
@ -23,13 +25,10 @@ export const Link = observer(function Link({
}) {
const store = useStores()
const onPress = () => {
store.shell.closeModal() // close any active modals
store.nav.navigate(href)
handleLink(store, href, false)
}
const onLongPress = () => {
store.shell.closeModal() // close any active modals
store.nav.newTab(href, title)
// store.shell.openModal(new LinkActionsModel(href, title || href))
handleLink(store, href, true)
}
return (
<TouchableOpacity
@ -55,12 +54,10 @@ export const TextLink = observer(function Link({
}) {
const store = useStores()
const onPress = () => {
store.shell.closeModal() // close any active modals
store.nav.navigate(href)
handleLink(store, href, false)
}
const onLongPress = () => {
store.shell.closeModal() // close any active modals
store.nav.newTab(href, title)
handleLink(store, href, true)
}
return (
<Text style={style} onPress={onPress} onLongPress={onLongPress}>
@ -68,3 +65,15 @@ export const TextLink = observer(function Link({
</Text>
)
})
function handleLink(store: RootStoreModel, href: string, longPress: boolean) {
if (href.startsWith('http')) {
Linking.openURL(href)
} else if (longPress) {
store.shell.closeModal() // close any active modals
store.nav.newTab(href)
} else {
store.shell.closeModal() // close any active modals
store.nav.navigate(href)
}
}