Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
2.9 kB · 98 lines
TSX
at commit 5efae600
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899import {memo, useMemo, useState} from 'react'import {type Insets} from 'react-native'import { type AppBskyFeedDefs, type AppBskyFeedPost, type AppBskyFeedThreadgate, type RichText as RichTextAPI,} from '@atproto/api'import {msg} from '@lingui/macro'import {useLingui} from '@lingui/react'
import {type Shadow} from '#/state/cache/post-shadow'import {EventStopper} from '#/view/com/util/EventStopper'import {DotGrid_Stroke2_Corner0_Rounded as DotsHorizontal} from '#/components/icons/DotGrid'import {useMenuControl} from '#/components/Menu'import * as Menu from '#/components/Menu'import {PostControlButton, PostControlButtonIcon} from '../PostControlButton'import {PostMenuItems} from './PostMenuItems'
let PostMenuButton = ({ testID, post, postFeedContext, postReqId, big, record, richText, timestamp, threadgateRecord, onShowLess, hitSlop,}: { testID: string post: Shadow<AppBskyFeedDefs.PostView> postFeedContext: string | undefined postReqId: string | undefined big?: boolean record: AppBskyFeedPost.Record richText: RichTextAPI timestamp: string threadgateRecord?: AppBskyFeedThreadgate.Record onShowLess?: (interaction: AppBskyFeedDefs.Interaction) => void hitSlop?: Insets}): React.ReactNode => { const {_} = useLingui()
const menuControl = useMenuControl() const [hasBeenOpen, setHasBeenOpen] = useState(false) const lazyMenuControl = useMemo( () => ({ ...menuControl, open() { setHasBeenOpen(true) // HACK. We need the state update to be flushed by the time // menuControl.open() fires but RN doesn't expose flushSync. setTimeout(menuControl.open) }, }), [menuControl, setHasBeenOpen], ) return ( <EventStopper onKeyDown={false}> <Menu.Root control={lazyMenuControl}> <Menu.Trigger label={_(msg`Open post options menu`)}> {({props}) => { return ( <PostControlButton testID="postDropdownBtn" big={big} label={props.accessibilityLabel} {...props} hitSlop={hitSlop}> <PostControlButtonIcon icon={DotsHorizontal} /> </PostControlButton> ) }} </Menu.Trigger> {hasBeenOpen && ( // Lazily initialized. Once mounted, they stay mounted. <PostMenuItems testID={testID} post={post} postFeedContext={postFeedContext} postReqId={postReqId} record={record} richText={richText} timestamp={timestamp} threadgateRecord={threadgateRecord} onShowLess={onShowLess} /> )} </Menu.Root> </EventStopper> )}
PostMenuButton = memo(PostMenuButton)export {PostMenuButton}