diff --git a/src/view/com/post-thread/PostThread.tsx b/src/view/com/post-thread/PostThread.tsx
index 399e4700..e3dd2cf1 100644
--- a/src/view/com/post-thread/PostThread.tsx
+++ b/src/view/com/post-thread/PostThread.tsx
@@ -156,7 +156,7 @@ export const PostThread = observer(function PostThread({
}, [navigation])
const renderItem = React.useCallback(
- ({item}: {item: YieldedItem}) => {
+ ({item, index}: {item: YieldedItem; index: number}) => {
if (item === PARENT_SPINNER) {
return (
@@ -205,11 +205,20 @@ export const PostThread = observer(function PostThread({
)
} else if (item instanceof PostThreadItemModel) {
- return
+ const prev = (
+ index - 1 >= 0 ? posts[index - 1] : undefined
+ ) as PostThreadItemModel
+ return (
+
+ )
}
return <>>
},
- [onRefresh, onPressReply, pal],
+ [onRefresh, onPressReply, pal, posts],
)
// loading
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 8a56012f..e44151ac 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -38,9 +38,11 @@ import {isDesktopWeb} from 'platform/detection'
export const PostThreadItem = observer(function PostThreadItem({
item,
onPostReply,
+ hasPrecedingItem,
}: {
item: PostThreadItemModel
onPostReply: () => void
+ hasPrecedingItem: boolean
}) {
const pal = usePalette('default')
const store = useStores()
@@ -359,8 +361,7 @@ export const PostThreadItem = observer(function PostThreadItem({
styles.outer,
pal.border,
pal.view,
- item._showParentReplyLine && styles.noTopBorder,
- !item._showChildReplyLine && {borderBottomWidth: 1},
+ item._showParentReplyLine && hasPrecedingItem && styles.noTopBorder,
]}
moderation={item.moderation.content}>
@@ -483,7 +484,7 @@ export const PostThreadItem = observer(function PostThreadItem({