Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
37 kB · 1071 lines
TSX
at commit f7056909
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072import {memo, useMemo} from 'react'import { Platform, type PressableProps, type StyleProp, type ViewStyle,} from 'react-native'import * as Clipboard from 'expo-clipboard'import { type AppBskyEmbedExternal, type AppBskyEmbedImages, AppBskyEmbedRecord, type AppBskyEmbedRecordWithMedia, type AppBskyEmbedVideo, type AppBskyFeedDefs, AppBskyFeedPost, type AppBskyFeedThreadgate, AtUri, type BlobRef, isDid, type RichText as RichTextAPI,} from '@atproto/api'import {msg} from '@lingui/macro'import {useLingui} from '@lingui/react'import {useNavigation} from '@react-navigation/native'
import {DISCOVER_DEBUG_DIDS} from '#/lib/constants'import {useOpenComposer} from '#/lib/hooks/useOpenComposer'import {useOpenLink} from '#/lib/hooks/useOpenLink'import {useTranslate} from '#/lib/hooks/useTranslate'import {saveVideoToMediaLibrary} from '#/lib/media/manip'import {downloadVideoWeb} from '#/lib/media/manip.web'import {getCurrentRoute} from '#/lib/routes/helpers'import {makeProfileLink} from '#/lib/routes/links'import { type CommonNavigatorParams, type NavigationProp,} from '#/lib/routes/types'import {logEvent, useGate} from '#/lib/statsig/statsig'import {richTextToString} from '#/lib/strings/rich-text-helpers'import {restoreLinks} from '#/lib/strings/rich-text-manip'import {toShareUrl} from '#/lib/strings/url-helpers'import {logger} from '#/logger'import {isWeb} from '#/platform/detection'import {type Shadow} from '#/state/cache/post-shadow'import {useProfileShadow} from '#/state/cache/profile-shadow'import {useFeedFeedbackContext} from '#/state/feed-feedback'import {useLanguagePrefs} from '#/state/preferences'import {useHiddenPosts, useHiddenPostsApi} from '#/state/preferences'import {usePinnedPostMutation} from '#/state/queries/pinned-post'import { usePostDeleteMutation, useThreadMuteMutationQueue,} from '#/state/queries/post'import {useToggleQuoteDetachmentMutation} from '#/state/queries/postgate'import {getMaybeDetachedQuoteEmbed} from '#/state/queries/postgate/util'import { useProfileBlockMutationQueue, useProfileMuteMutationQueue,} from '#/state/queries/profile'import {resolvePdsServiceUrl} from '#/state/queries/resolve-identity'import {useToggleReplyVisibilityMutation} from '#/state/queries/threadgate'import { InvalidInteractionSettingsError, MAX_HIDDEN_REPLIES, MaxHiddenRepliesError,} from '#/state/queries/threadgate'import {useRequireAuth, useSession} from '#/state/session'import {useMergedThreadgateHiddenReplies} from '#/state/threadgate-hidden-replies'import * as Toast from '#/view/com/util/Toast'import {useDialogControl} from '#/components/Dialog'import {useGlobalDialogsControlContext} from '#/components/dialogs/Context'import { PostInteractionSettingsDialog, usePrefetchPostInteractionSettings,} from '#/components/dialogs/PostInteractionSettingsDialog'import {Atom_Stroke2_Corner0_Rounded as AtomIcon} from '#/components/icons/Atom'import {BubbleQuestion_Stroke2_Corner0_Rounded as Translate} from '#/components/icons/Bubble'import {Clipboard_Stroke2_Corner2_Rounded as ClipboardIcon} from '#/components/icons/Clipboard'import {Download_Stroke2_Corner0_Rounded as Download} from '#/components/icons/Download'import { EmojiSad_Stroke2_Corner0_Rounded as EmojiSad, EmojiSmile_Stroke2_Corner0_Rounded as EmojiSmile,} from '#/components/icons/Emoji'import {Eye_Stroke2_Corner0_Rounded as Eye} from '#/components/icons/Eye'import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlash} from '#/components/icons/EyeSlash'import {Filter_Stroke2_Corner0_Rounded as Filter} from '#/components/icons/Filter'import {Mute_Stroke2_Corner0_Rounded as MuteIcon} from '#/components/icons/Mute'import {Mute_Stroke2_Corner0_Rounded as Mute} from '#/components/icons/Mute'import {Pencil_Stroke2_Corner0_Rounded as Pen} from '#/components/icons/Pencil'import {PersonX_Stroke2_Corner0_Rounded as PersonX} from '#/components/icons/Person'import {Pin_Stroke2_Corner0_Rounded as PinIcon} from '#/components/icons/Pin'import {SettingsGear2_Stroke2_Corner0_Rounded as Gear} from '#/components/icons/SettingsGear2'import {SpeakerVolumeFull_Stroke2_Corner0_Rounded as UnmuteIcon} from '#/components/icons/Speaker'import {SpeakerVolumeFull_Stroke2_Corner0_Rounded as Unmute} from '#/components/icons/Speaker'import {Trash_Stroke2_Corner0_Rounded as Trash} from '#/components/icons/Trash'import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'import {Loader} from '#/components/Loader'import * as Menu from '#/components/Menu'import { ReportDialog, useReportDialogControl,} from '#/components/moderation/ReportDialog'import * as Prompt from '#/components/Prompt'import {IS_INTERNAL} from '#/env'import * as bsky from '#/types/bsky'
let PostMenuItems = ({ post, postFeedContext, postReqId, record, richText, threadgateRecord, onShowLess,}: { testID: string post: Shadow<AppBskyFeedDefs.PostView> postFeedContext: string | undefined postReqId: string | undefined record: AppBskyFeedPost.Record richText: RichTextAPI style?: StyleProp<ViewStyle> hitSlop?: PressableProps['hitSlop'] size?: 'lg' | 'md' | 'sm' timestamp: string threadgateRecord?: AppBskyFeedThreadgate.Record onShowLess?: (interaction: AppBskyFeedDefs.Interaction) => void}): React.ReactNode => { const {hasSession, currentAccount} = useSession() const {_} = useLingui() const langPrefs = useLanguagePrefs() const {mutateAsync: deletePostMutate} = usePostDeleteMutation() const {mutateAsync: pinPostMutate, isPending: isPinPending} = usePinnedPostMutation() const requireSignIn = useRequireAuth() const hiddenPosts = useHiddenPosts() const {hidePost} = useHiddenPostsApi() const feedFeedback = useFeedFeedbackContext() const openLink = useOpenLink() const translate = useTranslate() const navigation = useNavigation<NavigationProp>() const {mutedWordsDialogControl} = useGlobalDialogsControlContext() const blockPromptControl = useDialogControl() const reportDialogControl = useReportDialogControl() const deletePromptControl = useDialogControl() const hidePromptControl = useDialogControl() const postInteractionSettingsDialogControl = useDialogControl() const quotePostDetachConfirmControl = useDialogControl() const hideReplyConfirmControl = useDialogControl() const redraftPromptControl = useDialogControl() const {mutateAsync: toggleReplyVisibility} = useToggleReplyVisibilityMutation()
const postUri = post.uri const postCid = post.cid const postAuthor = useProfileShadow(post.author) const quoteEmbed = useMemo(() => { if (!currentAccount || !post.embed) return return getMaybeDetachedQuoteEmbed({ viewerDid: currentAccount.did, post, }) }, [post, currentAccount])
const rootUri = record.reply?.root?.uri || postUri const isReply = Boolean(record.reply) const [isThreadMuted, muteThread, unmuteThread] = useThreadMuteMutationQueue( post, rootUri, ) const isPostHidden = hiddenPosts && hiddenPosts.includes(postUri) const isAuthor = postAuthor.did === currentAccount?.did const isRootPostAuthor = new AtUri(rootUri).host === currentAccount?.did const threadgateHiddenReplies = useMergedThreadgateHiddenReplies({ threadgateRecord, }) const isReplyHiddenByThreadgate = threadgateHiddenReplies.has(postUri) const isPinned = post.viewer?.pinned
const {mutateAsync: toggleQuoteDetachment, isPending: isDetachPending} = useToggleQuoteDetachmentMutation()
const [queueBlock] = useProfileBlockMutationQueue(postAuthor) const [queueMute, queueUnmute] = useProfileMuteMutationQueue(postAuthor)
const prefetchPostInteractionSettings = usePrefetchPostInteractionSettings({ postUri: post.uri, rootPostUri: rootUri, })
const href = useMemo(() => { const urip = new AtUri(postUri) return makeProfileLink(postAuthor, 'post', urip.rkey) }, [postUri, postAuthor])
const onDeletePost = () => { deletePostMutate({uri: postUri}).then( () => { Toast.show(_(msg({message: 'Skeet deleted', context: 'toast'})))
const route = getCurrentRoute(navigation.getState()) if (route.name === 'PostThread') { const params = route.params as CommonNavigatorParams['PostThread'] if ( currentAccount && isAuthor && (params.name === currentAccount.handle || params.name === currentAccount.did) ) { const currentHref = makeProfileLink(postAuthor, 'post', params.rkey) if (currentHref === href && navigation.canGoBack()) { navigation.goBack() } } } }, e => { logger.error('Failed to delete post', {message: e}) Toast.show(_(msg`Failed to delete skeet, please try again`), 'xmark') }, ) }
const {openComposer} = useOpenComposer() const onRedraftPost = () => { redraftPromptControl.open() }
const onConfirmRedraft = () => { let imageUris: { uri: string width: number height: number altText?: string blobRef?: AppBskyEmbedImages.Image['image'] }[] = []
const recordEmbed = record.embed let recordImages: AppBskyEmbedImages.Image[] = [] if (recordEmbed?.$type === 'app.bsky.embed.images') { recordImages = (recordEmbed as AppBskyEmbedImages.Main).images } else if (recordEmbed?.$type === 'app.bsky.embed.recordWithMedia') { const media = (recordEmbed as AppBskyEmbedRecordWithMedia.Main).media if (media.$type === 'app.bsky.embed.images') { recordImages = (media as AppBskyEmbedImages.Main).images } }
if (post.embed?.$type === 'app.bsky.embed.images#view') { const embed = post.embed as AppBskyEmbedImages.View imageUris = embed.images.map((img, i) => ({ uri: img.fullsize, width: img.aspectRatio?.width ?? 1000, height: img.aspectRatio?.height ?? 1000, altText: img.alt, blobRef: recordImages[i]?.image, })) } else if (post.embed?.$type === 'app.bsky.embed.recordWithMedia#view') { const embed = post.embed as AppBskyEmbedRecordWithMedia.View if (embed.media.$type === 'app.bsky.embed.images#view') { const images = embed.media as AppBskyEmbedImages.View imageUris = images.images.map((img, i) => ({ uri: img.fullsize, width: img.aspectRatio?.width ?? 1000, height: img.aspectRatio?.height ?? 1000, altText: img.alt, blobRef: recordImages[i]?.image, })) } }
let quotePost: AppBskyFeedDefs.PostView | undefined
if (post.embed?.$type === 'app.bsky.embed.record#view') { const embed = post.embed as AppBskyEmbedRecord.View if ( AppBskyEmbedRecord.isViewRecord(embed.record) && AppBskyFeedPost.isRecord(embed.record.value) ) { quotePost = { uri: embed.record.uri, cid: embed.record.cid, author: embed.record.author, record: embed.record.value, indexedAt: embed.record.indexedAt, } as AppBskyFeedDefs.PostView } } else if (post.embed?.$type === 'app.bsky.embed.recordWithMedia#view') { const embed = post.embed as AppBskyEmbedRecordWithMedia.View if ( AppBskyEmbedRecord.isViewRecord(embed.record.record) && AppBskyFeedPost.isRecord(embed.record.record.value) ) { const record = embed.record.record quotePost = { uri: record.uri, cid: record.cid, author: record.author, record: record.value, indexedAt: record.indexedAt, } as AppBskyFeedDefs.PostView } }
let replyTo: any if (record.reply) { const parent = record.reply.parent || record.reply.root if (parent) { replyTo = { uri: parent.uri, cid: parent.cid, } } }
let videoUri: | { uri: string width: number height: number blobRef?: BlobRef altText?: string } | undefined let recordVideo: AppBskyEmbedVideo.Main | undefined
if (recordEmbed?.$type === 'app.bsky.embed.video') { recordVideo = recordEmbed as AppBskyEmbedVideo.Main } else if (recordEmbed?.$type === 'app.bsky.embed.recordWithMedia') { const media = (recordEmbed as AppBskyEmbedRecordWithMedia.Main).media if (media.$type === 'app.bsky.embed.video') { recordVideo = media as AppBskyEmbedVideo.Main } }
if (post.embed?.$type === 'app.bsky.embed.video#view') { const embed = post.embed as AppBskyEmbedVideo.View if (recordVideo) { videoUri = { uri: embed.playlist || '', width: embed.aspectRatio?.width ?? 1000, height: embed.aspectRatio?.height ?? 1000, blobRef: recordVideo.video, altText: embed.alt || '', } } } else if (post.embed?.$type === 'app.bsky.embed.recordWithMedia#view') { const embed = post.embed as AppBskyEmbedRecordWithMedia.View if (embed.media.$type === 'app.bsky.embed.video#view' && recordVideo) { const video = embed.media as AppBskyEmbedVideo.View videoUri = { uri: video.playlist || '', width: video.aspectRatio?.width ?? 1000, height: video.aspectRatio?.height ?? 1000, blobRef: recordVideo.video, altText: video.alt || '', } } }
openComposer({ text: restoreLinks(record.text, record.facets), imageUris, videoUri, onPost: () => { onDeletePost() }, quote: quotePost, replyTo, }) }
const onToggleThreadMute = () => { try { if (isThreadMuted) { unmuteThread() Toast.show(_(msg`You will now receive notifications for this thread`)) } else { muteThread() Toast.show( _(msg`You will no longer receive notifications for this thread`), ) } } catch (e: any) { if (e?.name !== 'AbortError') { logger.error('Failed to toggle thread mute', {message: e}) Toast.show( _(msg`Failed to toggle thread mute, please try again`), 'xmark', ) } } }
const onCopyPostText = () => { const str = richTextToString(richText, true)
Clipboard.setStringAsync(str) Toast.show(_(msg`Copied to clipboard`), 'clipboard-check') }
const onPressTranslate = () => { translate(record.text, langPrefs.primaryLanguage)
if ( bsky.dangerousIsType<AppBskyFeedPost.Record>( post.record, AppBskyFeedPost.isRecord, ) ) { logger.metric( 'translate', { sourceLanguages: post.record.langs ?? [], targetLanguage: langPrefs.primaryLanguage, textLength: post.record.text.length, }, {statsig: false}, ) } }
const onHidePost = () => { hidePost({uri: postUri}) logEvent('thread:click:hideReplyForMe', {}) }
const hideInPWI = !!postAuthor.labels?.find( label => label.val === '!no-unauthenticated', )
const onPressShowMore = () => { feedFeedback.sendInteraction({ event: 'app.bsky.feed.defs#requestMore', item: postUri, feedContext: postFeedContext, reqId: postReqId, }) Toast.show( _(msg({message: 'Feedback sent to feed operator', context: 'toast'})), ) }
const onPressShowLess = () => { feedFeedback.sendInteraction({ event: 'app.bsky.feed.defs#requestLess', item: postUri, feedContext: postFeedContext, reqId: postReqId, }) if (onShowLess) { onShowLess({ item: postUri, feedContext: postFeedContext, }) } else { Toast.show( _(msg({message: 'Feedback sent to feed operator', context: 'toast'})), ) } }
const onToggleQuotePostAttachment = async () => { if (!quoteEmbed) return
const action = quoteEmbed.isDetached ? 'reattach' : 'detach' const isDetach = action === 'detach'
try { await toggleQuoteDetachment({ post, quoteUri: quoteEmbed.uri, action: quoteEmbed.isDetached ? 'reattach' : 'detach', }) Toast.show( isDetach ? _(msg`Quote skeet was successfully detached`) : _(msg`Quote skeet was re-attached`), ) } catch (e: any) { Toast.show( _(msg({message: 'Updating quote attachment failed', context: 'toast'})), ) logger.error(`Failed to ${action} quote`, {safeMessage: e.message}) } }
const canHidePostForMe = !isAuthor && !isPostHidden const canHideReplyForEveryone = !isAuthor && isRootPostAuthor && !isPostHidden && isReply const canDetachQuote = quoteEmbed && quoteEmbed.isOwnedByViewer
const onToggleReplyVisibility = async () => { // TODO no threadgate? if (!canHideReplyForEveryone) return
const action = isReplyHiddenByThreadgate ? 'show' : 'hide' const isHide = action === 'hide'
try { await toggleReplyVisibility({ postUri: rootUri, replyUri: postUri, action, })
// Log metric only when hiding (not when showing) if (isHide) { logEvent('thread:click:hideReplyForEveryone', {}) }
Toast.show( isHide ? _(msg`Reply was successfully hidden`) : _(msg({message: 'Reply visibility updated', context: 'toast'})), ) } catch (e: any) { if (e instanceof MaxHiddenRepliesError) { Toast.show( _( msg({ message: `You can hide a maximum of ${MAX_HIDDEN_REPLIES} replies.`, context: 'toast', }), ), ) } else if (e instanceof InvalidInteractionSettingsError) { Toast.show( _(msg({message: 'Invalid interaction settings.', context: 'toast'})), ) } else { Toast.show( _( msg({ message: 'Updating reply visibility failed', context: 'toast', }), ), ) logger.error(`Failed to ${action} reply`, {safeMessage: e.message}) } } }
const onPressPin = () => { logEvent(isPinned ? 'post:unpin' : 'post:pin', {}) pinPostMutate({ postUri, postCid, action: isPinned ? 'unpin' : 'pin', }) }
const videoEmbed: AppBskyEmbedVideo.View | undefined = useMemo(() => { if (post.embed?.$type === 'app.bsky.embed.video#view') return post.embed as AppBskyEmbedVideo.View if (post.embed?.$type === 'app.bsky.embed.recordWithMedia#view') { const embed = post.embed as AppBskyEmbedRecordWithMedia.View | undefined if (embed?.media.$type === 'app.bsky.embed.video#view') return embed?.media as AppBskyEmbedVideo.View } return undefined }, [post])
const gifEmbed: AppBskyEmbedExternal.View | undefined = useMemo(() => { if (post.embed?.$type === 'app.bsky.embed.external#view') return post.embed as AppBskyEmbedExternal.View if (post.embed?.$type === 'app.bsky.embed.recordWithMedia#view') { const embed = post.embed as AppBskyEmbedRecordWithMedia.View | undefined if (embed?.media.$type === 'app.bsky.embed.external#view') return embed?.media as AppBskyEmbedExternal.View } return undefined }, [post])
const onPressDownloadVideo = async () => { if (!videoEmbed) return const did = post.author.did const cid = videoEmbed.cid if (!isDid(did)) return const pdsUrl = await resolvePdsServiceUrl(did as `did:${string}:${string}`) const uri = `${pdsUrl}/xrpc/com.atproto.sync.getBlob?did=${did}&cid=${cid}`
Toast.show(_(msg({message: 'Downloading video...', context: 'toast'})))
let success if (isWeb) success = await downloadVideoWeb({uri: uri}) else success = await saveVideoToMediaLibrary({uri: uri})
if (success) Toast.show('Video downloaded', 'check') else Toast.show('Failed to download video', 'xmark') }
const onPressDownloadGif = async () => { if (!gifEmbed) return
Toast.show(_(msg({message: 'Downloading GIF...', context: 'toast'})))
let success if (isWeb) success = await downloadVideoWeb({uri: gifEmbed.external.uri}) else success = await saveVideoToMediaLibrary({uri: gifEmbed.external.uri})
if (success) Toast.show('GIF downloaded', 'check') else Toast.show('Failed to download GIF', 'xmark') }
const isEmbedGif = () => { if (!gifEmbed) return false // Janky workaround by checking if the domain is tenor.com const url = new URL(gifEmbed.external.uri) return url.host === 'media.tenor.com' }
const onBlockAuthor = async () => { try { await queueBlock() Toast.show(_(msg({message: 'Account blocked', context: 'toast'}))) } catch (e: any) { if (e?.name !== 'AbortError') { logger.error('Failed to block account', {message: e}) Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } }
const onMuteAuthor = async () => { if (postAuthor.viewer?.muted) { try { await queueUnmute() Toast.show(_(msg({message: 'Account unmuted', context: 'toast'}))) } catch (e: any) { if (e?.name !== 'AbortError') { logger.error('Failed to unmute account', {message: e}) Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } } else { try { await queueMute() Toast.show(_(msg({message: 'Account muted', context: 'toast'}))) } catch (e: any) { if (e?.name !== 'AbortError') { logger.error('Failed to mute account', {message: e}) Toast.show(_(msg`There was an issue! ${e.toString()}`), 'xmark') } } } }
const onReportMisclassification = () => { const url = `https://docs.google.com/forms/d/e/1FAIpQLSd0QPqhNFksDQf1YyOos7r1ofCLvmrKAH1lU042TaS3GAZaWQ/viewform?entry.1756031717=${toShareUrl( href, )}` openLink(url) }
const onSignIn = () => requireSignIn(() => {})
const gate = useGate() const isDiscoverDebugUser = IS_INTERNAL || DISCOVER_DEBUG_DIDS[currentAccount?.did || ''] || gate('debug_show_feedcontext')
return ( <> <Prompt.Basic control={redraftPromptControl} title={_(msg`Redraft this skeet?`)} description={_( msg`This will delete the original skeet and open the composer with its content.`, )} onConfirm={onConfirmRedraft} confirmButtonCta={_(msg`Redraft`)} confirmButtonColor="primary" /> <Menu.Outer> {isAuthor && ( <> <Menu.Group> <Menu.Item testID="pinPostBtn" label={ isPinned ? _(msg`Unpin from profile`) : _(msg`Pin to your profile`) } disabled={isPinPending} onPress={onPressPin}> <Menu.ItemText> {isPinned ? _(msg`Unpin from profile`) : _(msg`Pin to your profile`)} </Menu.ItemText> <Menu.ItemIcon icon={isPinPending ? Loader : PinIcon} position="right" /> </Menu.Item> <Menu.Item testID="redraftPostBtn" label={_(msg`Redraft`)} onPress={onRedraftPost}> <Menu.ItemText>{_(msg`Redraft`)}</Menu.ItemText> <Menu.ItemIcon icon={Pen} position="right" /> </Menu.Item> </Menu.Group> <Menu.Divider /> </> )}
{videoEmbed && ( <> <Menu.Group> <Menu.Item testID="postDropdownDownloadVideoBtn" label={_(msg`Download Video`)} onPress={onPressDownloadVideo}> <Menu.ItemText>{_(msg`Download Video`)}</Menu.ItemText> <Menu.ItemIcon icon={Download} position="right" /> </Menu.Item> </Menu.Group> <Menu.Divider /> </> )}
{isEmbedGif() && ( <> <Menu.Group> <Menu.Item testID="postDropdownDownloadGifBtn" label={_(msg`Download GIF`)} onPress={onPressDownloadGif}> <Menu.ItemText>{_(msg`Download GIF`)}</Menu.ItemText> <Menu.ItemIcon icon={Download} position="right" /> </Menu.Item> </Menu.Group> <Menu.Divider /> </> )}
<Menu.Group> {!hideInPWI || hasSession ? ( <> <Menu.Item testID="postDropdownTranslateBtn" label={_(msg`Translate`)} onPress={onPressTranslate}> <Menu.ItemText>{_(msg`Translate`)}</Menu.ItemText> <Menu.ItemIcon icon={Translate} position="right" /> </Menu.Item>
<Menu.Item testID="postDropdownCopyTextBtn" label={_(msg`Copy post text`)} onPress={onCopyPostText}> <Menu.ItemText>{_(msg`Copy skeet text`)}</Menu.ItemText> <Menu.ItemIcon icon={ClipboardIcon} position="right" /> </Menu.Item> </> ) : ( <Menu.Item testID="postDropdownSignInBtn" label={_(msg`Sign in to view skeet`)} onPress={onSignIn}> <Menu.ItemText>{_(msg`Sign in to view skeet`)}</Menu.ItemText> <Menu.ItemIcon icon={Eye} position="right" /> </Menu.Item> )} </Menu.Group>
{hasSession && feedFeedback.enabled && ( <> <Menu.Divider /> <Menu.Group> <Menu.Item testID="postDropdownShowMoreBtn" label={_(msg`Show more like this`)} onPress={onPressShowMore}> <Menu.ItemText>{_(msg`Show more like this`)}</Menu.ItemText> <Menu.ItemIcon icon={EmojiSmile} position="right" /> </Menu.Item>
<Menu.Item testID="postDropdownShowLessBtn" label={_(msg`Show less like this`)} onPress={onPressShowLess}> <Menu.ItemText>{_(msg`Show less like this`)}</Menu.ItemText> <Menu.ItemIcon icon={EmojiSad} position="right" /> </Menu.Item> </Menu.Group> </> )}
{isDiscoverDebugUser && ( <> <Menu.Divider /> <Menu.Item testID="postDropdownReportMisclassificationBtn" label={_(msg`Assign topic for algo`)} onPress={onReportMisclassification}> <Menu.ItemText>{_(msg`Assign topic for algo`)}</Menu.ItemText> <Menu.ItemIcon icon={AtomIcon} position="right" /> </Menu.Item> </> )}
{hasSession && ( <> <Menu.Divider /> <Menu.Group> <Menu.Item testID="postDropdownMuteThreadBtn" label={ isThreadMuted ? _(msg`Unmute thread`) : _(msg`Mute thread`) } onPress={onToggleThreadMute}> <Menu.ItemText> {isThreadMuted ? _(msg`Unmute thread`) : _(msg`Mute thread`)} </Menu.ItemText> <Menu.ItemIcon icon={isThreadMuted ? Unmute : Mute} position="right" /> </Menu.Item>
<Menu.Item testID="postDropdownMuteWordsBtn" label={_(msg`Mute words & tags`)} onPress={() => mutedWordsDialogControl.open()}> <Menu.ItemText>{_(msg`Mute words & tags`)}</Menu.ItemText> <Menu.ItemIcon icon={Filter} position="right" /> </Menu.Item> </Menu.Group> </> )}
{hasSession && (canHideReplyForEveryone || canDetachQuote || canHidePostForMe) && ( <> <Menu.Divider /> <Menu.Group> {canHidePostForMe && ( <Menu.Item testID="postDropdownHideBtn" label={ isReply ? _(msg`Hide reply for me`) : _(msg`Hide skeet for me`) } onPress={() => hidePromptControl.open()}> <Menu.ItemText> {isReply ? _(msg`Hide reply for me`) : _(msg`Hide skeet for me`)} </Menu.ItemText> <Menu.ItemIcon icon={EyeSlash} position="right" /> </Menu.Item> )} {canHideReplyForEveryone && ( <Menu.Item testID="postDropdownHideBtn" label={ isReplyHiddenByThreadgate ? _(msg`Show reply for everyone`) : _(msg`Hide reply for everyone`) } onPress={ isReplyHiddenByThreadgate ? onToggleReplyVisibility : () => hideReplyConfirmControl.open() }> <Menu.ItemText> {isReplyHiddenByThreadgate ? _(msg`Show reply for everyone`) : _(msg`Hide reply for everyone`)} </Menu.ItemText> <Menu.ItemIcon icon={isReplyHiddenByThreadgate ? Eye : EyeSlash} position="right" /> </Menu.Item> )}
{canDetachQuote && ( <Menu.Item disabled={isDetachPending} testID="postDropdownHideBtn" label={ quoteEmbed.isDetached ? _(msg`Re-attach quote`) : _(msg`Detach quote`) } onPress={ quoteEmbed.isDetached ? onToggleQuotePostAttachment : () => quotePostDetachConfirmControl.open() }> <Menu.ItemText> {quoteEmbed.isDetached ? _(msg`Re-attach quote`) : _(msg`Detach quote`)} </Menu.ItemText> <Menu.ItemIcon icon={ isDetachPending ? Loader : quoteEmbed.isDetached ? Eye : EyeSlash } position="right" /> </Menu.Item> )} </Menu.Group> </> )}
{hasSession && ( <> <Menu.Divider /> <Menu.Group> {!isAuthor && ( <> <Menu.Item testID="postDropdownMuteBtn" label={ postAuthor.viewer?.muted ? _(msg`Unmute account`) : _(msg`Mute account`) } onPress={onMuteAuthor}> <Menu.ItemText> {postAuthor.viewer?.muted ? _(msg`Unmute account`) : _(msg`Mute account`)} </Menu.ItemText> <Menu.ItemIcon icon={postAuthor.viewer?.muted ? UnmuteIcon : MuteIcon} position="right" /> </Menu.Item>
{!postAuthor.viewer?.blocking && ( <Menu.Item testID="postDropdownBlockBtn" label={_(msg`Block account`)} onPress={() => blockPromptControl.open()}> <Menu.ItemText>{_(msg`Block account`)}</Menu.ItemText> <Menu.ItemIcon icon={PersonX} position="right" /> </Menu.Item> )}
<Menu.Item testID="postDropdownReportBtn" label={_(msg`Report skeet`)} onPress={() => reportDialogControl.open()}> <Menu.ItemText>{_(msg`Report skeet`)}</Menu.ItemText> <Menu.ItemIcon icon={Warning} position="right" /> </Menu.Item> </> )}
{isAuthor && ( <> <Menu.Item testID="postDropdownEditPostInteractions" label={_(msg`Edit interaction settings`)} onPress={() => postInteractionSettingsDialogControl.open()} {...(isAuthor ? Platform.select({ web: { onHoverIn: prefetchPostInteractionSettings, }, native: { onPressIn: prefetchPostInteractionSettings, }, }) : {})}> <Menu.ItemText> {_(msg`Edit interaction settings`)} </Menu.ItemText> <Menu.ItemIcon icon={Gear} position="right" /> </Menu.Item> <Menu.Item testID="postDropdownDeleteBtn" label={_(msg`Delete post`)} onPress={() => deletePromptControl.open()}> <Menu.ItemText>{_(msg`Delete skeet`)}</Menu.ItemText> <Menu.ItemIcon icon={Trash} position="right" /> </Menu.Item> </> )} </Menu.Group> </> )} </Menu.Outer>
<Prompt.Basic control={deletePromptControl} title={_(msg`Delete this skeet?`)} description={_( msg`If you remove this skeet, you won't be able to recover it.`, )} onConfirm={onDeletePost} confirmButtonCta={_(msg`Delete`)} confirmButtonColor="negative" />
<Prompt.Basic control={hidePromptControl} title={isReply ? _(msg`Hide this reply?`) : _(msg`Hide this skeet?`)} description={_( msg`This skeet will be hidden from feeds and threads. This cannot be undone.`, )} onConfirm={onHidePost} confirmButtonCta={_(msg`Hide`)} />
<ReportDialog control={reportDialogControl} subject={{ ...post, $type: 'app.bsky.feed.defs#postView', }} />
<PostInteractionSettingsDialog control={postInteractionSettingsDialogControl} postUri={post.uri} rootPostUri={rootUri} initialThreadgateView={post.threadgate} />
<Prompt.Basic control={quotePostDetachConfirmControl} title={_(msg`Detach quote skeet?`)} description={_( msg`This will remove your skeet from this quote skeet for all users, and replace it with a placeholder.`, )} onConfirm={onToggleQuotePostAttachment} confirmButtonCta={_(msg`Yes, detach`)} />
<Prompt.Basic control={hideReplyConfirmControl} title={_(msg`Hide this reply?`)} description={_( msg`This reply will be sorted into a hidden section at the bottom of your thread and will mute notifications for subsequent replies - both for yourself and others.`, )} onConfirm={onToggleReplyVisibility} confirmButtonCta={_(msg`Yes, hide`)} />
<Prompt.Basic control={blockPromptControl} title={_(msg`Block Account?`)} description={_( msg`Blocked accounts cannot reply in your threads, mention you, or otherwise interact with you.`, )} onConfirm={onBlockAuthor} confirmButtonCta={_(msg`Block`)} confirmButtonColor="negative" /> </> )}PostMenuItems = memo(PostMenuItems)export {PostMenuItems}