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({