Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
2.2 kB · 76 lines
TSX
at commit c8f264b7
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677import React from 'react'import {View} from 'react-native'import {msg, Trans} from '@lingui/macro'import {useLingui} from '@lingui/react'
import {PressableScale} from '#/lib/custom-animations/PressableScale'import {useHaptics} from '#/lib/haptics'import {useProfileQuery} from '#/state/queries/profile'import {useSession} from '#/state/session'import {UserAvatar} from '#/view/com/util/UserAvatar'import {atoms as a, ios, useBreakpoints, useTheme} from '#/alf'import {useInteractionState} from '#/components/hooks/useInteractionState'import {Text} from '#/components/Typography'
export function PostThreadComposePrompt({ onPressCompose,}: { onPressCompose: () => void}) { const {currentAccount} = useSession() const {data: profile} = useProfileQuery({did: currentAccount?.did}) const {_} = useLingui() const {gtMobile} = useBreakpoints() const t = useTheme() const playHaptic = useHaptics() const { state: hovered, onIn: onHoverIn, onOut: onHoverOut, } = useInteractionState()
return ( <PressableScale accessibilityRole="button" accessibilityLabel={_(msg`Compose reply`)} accessibilityHint={_(msg`Opens composer`)} style={[ gtMobile ? a.py_xs : {paddingTop: 8, paddingBottom: 11}, a.px_sm, a.border_t, t.atoms.border_contrast_low, t.atoms.bg, ]} onPressIn={ios(() => playHaptic('Light'))} onPress={() => { onPressCompose() playHaptic('Light') }} onLongPress={ios(() => { onPressCompose() playHaptic('Heavy') })} onHoverIn={onHoverIn} onHoverOut={onHoverOut}> <View style={[ a.flex_row, a.align_center, a.p_sm, a.gap_sm, a.rounded_full, (!gtMobile || hovered) && t.atoms.bg_contrast_25, a.transition_color, ]}> <UserAvatar size={gtMobile ? 24 : 22} avatar={profile?.avatar} type={profile?.associated?.labeler ? 'labeler' : 'user'} /> <Text style={[a.text_md, t.atoms.text_contrast_medium]}> <Trans>Write your reply</Trans> </Text> </View> </PressableScale> )}