Implement a couple missing bits

This commit is contained in:
Paul Frazee 2022-10-04 10:53:08 -05:00
parent c5ab005908
commit bf39791f01
8 changed files with 81 additions and 24 deletions

View file

@ -8,7 +8,15 @@ import {s, colors} from '../../lib/styles'
export const snapPoints = ['30%']
export function Component({title, href}: {title: string; href: string}) {
export function Component({
title,
href,
newTab,
}: {
title: string
href: string
newTab: boolean
}) {
const store = useStores()
const onPressOpenNewTab = () => {
@ -28,13 +36,15 @@ export function Component({title, href}: {title: string; href: string}) {
<View>
<Text style={[s.textCenter, s.bold, s.mb10, s.f16]}>{title || href}</Text>
<View style={s.p10}>
<TouchableOpacity onPress={onPressOpenNewTab} style={styles.btn}>
<FontAwesomeIcon
icon="arrow-up-right-from-square"
style={styles.icon}
/>
<Text style={[s.f16, s.black]}>Open in new tab</Text>
</TouchableOpacity>
{newTab ? (
<TouchableOpacity onPress={onPressOpenNewTab} style={styles.btn}>
<FontAwesomeIcon
icon="arrow-up-right-from-square"
style={styles.icon}
/>
<Text style={[s.f16, s.black]}>Open in new tab</Text>
</TouchableOpacity>
) : undefined}
<TouchableOpacity onPress={onPressCopy} style={styles.btn}>
<FontAwesomeIcon icon="link" style={styles.icon} />
<Text style={[s.f16, s.black]}>Copy to clipboard</Text>

View file

@ -23,6 +23,7 @@ import {useStores} from '../../../state'
import {s, colors, gradients} from '../../lib/styles'
import {DEF_AVATER} from '../../lib/assets'
import {match} from '../../routes'
import {LinkActionsModel} from '../../../state/models/shell'
const TAB_HEIGHT = 42
@ -56,7 +57,13 @@ export const Component = observer(() => {
}
const onPressShareTab = () => {
onClose()
// TODO
store.shell.openModal(
new LinkActionsModel(
store.nav.tab.current.url,
store.nav.tab.current.title || 'This Page',
{newTab: false},
),
)
}
const onPressChangeTab = (tabIndex: number) => {
store.nav.setActiveTab(tabIndex)

View file

@ -86,14 +86,16 @@ export const ProfileHeader = observer(function ProfileHeader({
<View style={[styles.displayNameLine]}>
<Text style={styles.displayName}>{view.displayName}</Text>
</View>
<View style={styles.badgesLine}>
{
undefined /*TODO<View style={styles.badgesLine}>
<FontAwesomeIcon icon="shield" style={s.mr5} size={12} />
<Link href="/" title="Badge TODO">
<Text style={[s.f12, s.bold]}>
Employee <Text style={[s.blue3]}>@blueskyweb.xyz</Text>
</Text>
</Link>
</View>
</View>*/
}
<View style={[styles.buttonsLine]}>
{isMe ? (
<TouchableOpacity
@ -119,11 +121,13 @@ export const ProfileHeader = observer(function ProfileHeader({
</LinearGradient>
</TouchableOpacity>
)}
<TouchableOpacity
{
undefined /*TODO<TouchableOpacity
onPress={onPressMenu}
style={[styles.btn, styles.secondaryBtn, s.ml10]}>
<FontAwesomeIcon icon="ellipsis" style={[s.gray5]} />
</TouchableOpacity>
</TouchableOpacity>*/
}
</View>
<View style={[s.flexRow]}>
<TouchableOpacity