Always show the header on post threads on native (#4254)

* always show header on native

* ALF ALF ALF

* rm offset for top border

* wrap in a `CenteredView`

* use `CenteredView`'s side borders

* account for loading state on web

* move `isTabletOrMobile`

* hide top border on first post in list

* show border if parents are loading

* don't show top border for deleted or blocked posts

* hide top border for hidden replies

* Rm root post top border

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
This commit is contained in:
Hailey 2024-05-29 20:28:32 -07:00 committed by GitHub
parent 9628070e52
commit 9edb487949
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 194 additions and 190 deletions

View file

@ -11,9 +11,11 @@ import {Text} from '#/components/Typography'
export function PostThreadShowHiddenReplies({
type,
onPress,
hideTopBorder,
}: {
type: 'hidden' | 'muted'
onPress: () => void
hideTopBorder?: boolean
}) {
const {_} = useLingui()
const t = useTheme()
@ -31,7 +33,7 @@ export function PostThreadShowHiddenReplies({
a.gap_sm,
a.py_lg,
a.px_xl,
a.border_t,
!hideTopBorder && a.border_t,
t.atoms.border_contrast_low,
hovered || pressed ? t.atoms.bg_contrast_25 : t.atoms.bg,
]}>