Samuel Newman
61 lines
1.6 KiB
TypeScript
61 lines
1.6 KiB
TypeScript
import {View} from 'react-native'
|
|
import {msg} from '@lingui/core/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Button} from '#/components/Button'
|
|
import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlash} from '#/components/icons/EyeSlash'
|
|
import {Text} from '#/components/Typography'
|
|
import {useAnalytics} from '#/analytics'
|
|
|
|
export function ThreadItemShowOtherReplies({onPress}: {onPress: () => void}) {
|
|
const t = useTheme()
|
|
const ax = useAnalytics()
|
|
const {_} = useLingui()
|
|
const label = _(msg`Show more replies`)
|
|
|
|
return (
|
|
<Button
|
|
onPress={() => {
|
|
onPress()
|
|
ax.metric('thread:click:showOtherReplies', {})
|
|
}}
|
|
label={label}>
|
|
{({hovered, pressed}) => (
|
|
<View
|
|
style={[
|
|
a.flex_1,
|
|
a.flex_row,
|
|
a.align_center,
|
|
a.gap_sm,
|
|
a.py_lg,
|
|
a.px_xl,
|
|
a.border_t,
|
|
t.atoms.border_contrast_low,
|
|
hovered || pressed ? t.atoms.bg_contrast_25 : t.atoms.bg,
|
|
]}>
|
|
<View
|
|
style={[
|
|
t.atoms.bg_contrast_25,
|
|
a.align_center,
|
|
a.justify_center,
|
|
{
|
|
width: 26,
|
|
height: 26,
|
|
borderRadius: 13,
|
|
marginRight: 4,
|
|
},
|
|
]}>
|
|
<EyeSlash size="sm" fill={t.atoms.text_contrast_medium.color} />
|
|
</View>
|
|
<Text
|
|
style={[t.atoms.text_contrast_medium, a.flex_1, a.leading_snug]}
|
|
numberOfLines={1}>
|
|
{label}
|
|
</Text>
|
|
</View>
|
|
)}
|
|
</Button>
|
|
)
|
|
}
|