Something went wrong. Try again.
hardened bluesky app fork with microcosm
Something went wrong. Try again.
6.0 kB · 188 lines
TSX
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189import {memo, useMemo} from 'react'import * as ExpoClipboard from 'expo-clipboard'import {AtUri} from '@atproto/api'import {msg} from '@lingui/core/macro'import {useLingui} from '@lingui/react'import {Trans} from '@lingui/react/macro'import {useNavigation} from '@react-navigation/native'import {useQueryClient} from '@tanstack/react-query'
import {makeProfileLink} from '#/lib/routes/links'import {type NavigationProp} from '#/lib/routes/types'import {shareText, shareUrl} from '#/lib/sharing'import {toShareUrl} from '#/lib/strings/url-helpers'import {useProfileShadow} from '#/state/cache/profile-shadow'import {precachePost} from '#/state/queries/post'import {useSession} from '#/state/session'import {atoms as a} from '#/alf'import {Admonition} from '#/components/Admonition'import {useDialogControl} from '#/components/Dialog'import {SendViaChatDialog} from '#/components/dms/dialogs/ShareViaChatDialog'import {ArrowOutOfBoxModified_Stroke2_Corner2_Rounded as ArrowOutOfBoxIcon} from '#/components/icons/ArrowOutOfBox'import {ChainLink_Stroke2_Corner0_Rounded as ChainLinkIcon} from '#/components/icons/ChainLink'import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard'import {PaperPlane_Stroke2_Corner0_Rounded as PaperPlaneIcon} from '#/components/icons/PaperPlane'import * as Menu from '#/components/Menu'import * as Toast from '#/components/Toast'import {IS_IOS} from '#/env'import {useDevMode} from '#/storage/hooks/dev-mode'import {RecentChats} from './RecentChats'import {type ShareMenuItemsProps} from './ShareMenuItems.types'
let ShareMenuItems = ({ post, onShare: onShareProp,}: ShareMenuItemsProps): React.ReactNode => { const {hasSession} = useSession() const {_} = useLingui() const navigation = useNavigation<NavigationProp>() const sendViaChatControl = useDialogControl() const [devModeEnabled] = useDevMode() const queryClient = useQueryClient()
const postUri = post.uri const postAuthor = useProfileShadow(post.author)
const href = useMemo(() => { const urip = new AtUri(postUri) return makeProfileLink(postAuthor, 'post', urip.rkey) }, [postUri, postAuthor])
const hideInPWI = useMemo(() => { return !!postAuthor.labels?.find( label => label.val === '!no-unauthenticated', ) }, [postAuthor])
const onSharePost = () => { const url = toShareUrl(href) shareUrl(url) onShareProp() }
const onCopyLink = async () => { const url = toShareUrl(href) if (IS_IOS) { // iOS only await ExpoClipboard.setUrlAsync(url) } else { await ExpoClipboard.setStringAsync(url) } Toast.show(_(msg`Copied to clipboard`), { type: 'success', }) onShareProp() }
const onBeforeShareViaChat = () => { precachePost(queryClient, postUri, post) }
const onSelectChatToShareTo = (conversation: string) => { onBeforeShareViaChat() navigation.navigate('MessagesConversation', { conversation, embed: postUri, }) }
const onShareATURI = () => { shareText(postUri) }
const onShareAuthorDID = () => { shareText(postAuthor.did) }
return ( <> <Menu.Outer> {hasSession && ( <Menu.Group> <Menu.ContainerItem> <RecentChats postUri={postUri} onBeforePress={onBeforeShareViaChat} /> </Menu.ContainerItem> <Menu.Item testID="postDropdownSendViaDMBtn" label={_(msg`Send via direct message`)} onPress={() => { sendViaChatControl.open() }}> <Menu.ItemText> <Trans>Send via direct message</Trans> </Menu.ItemText> <Menu.ItemIcon icon={PaperPlaneIcon} position="right" /> </Menu.Item> </Menu.Group> )}
<Menu.Group> <Menu.Item testID="postDropdownShareBtn" label={_(msg`Share via...`)} onPress={onSharePost}> <Menu.ItemText> <Trans>Share via...</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ArrowOutOfBoxIcon} position="right" /> </Menu.Item>
<Menu.Item testID="postDropdownShareBtn" label={_(msg`Copy link to post`)} onPress={onCopyLink}> <Menu.ItemText> <Trans>Copy link to post</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ChainLinkIcon} position="right" /> </Menu.Item> </Menu.Group>
{hideInPWI && ( <Menu.Group> <Menu.ContainerItem> <Admonition type="warning" style={[a.flex_1, a.border_0, a.p_0, a.bg_transparent]}> <Trans>This post is only visible to logged-in users.</Trans> </Admonition> </Menu.ContainerItem> </Menu.Group> )}
{devModeEnabled && ( <Menu.Group> <Menu.Item testID="postAtUriShareBtn" label={_(msg`Share post at:// URI`)} onPress={onShareATURI}> <Menu.ItemText> <Trans>Share post at:// URI</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ClipboardIcon} position="right" /> </Menu.Item> <Menu.Item testID="postAuthorDIDShareBtn" label={_(msg`Share author DID`)} onPress={onShareAuthorDID}> <Menu.ItemText> <Trans>Share author DID</Trans> </Menu.ItemText> <Menu.ItemIcon icon={ClipboardIcon} position="right" /> </Menu.Item> </Menu.Group> )} </Menu.Outer>
<SendViaChatDialog control={sendViaChatControl} onSelectChat={onSelectChatToShareTo} /> </> )}ShareMenuItems = memo(ShareMenuItems)export {ShareMenuItems}