diff options
Diffstat (limited to 'src/view/com/posts/FeedItem.tsx')
-rw-r--r-- | src/view/com/posts/FeedItem.tsx | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index b10ffe19f..72c8b8757 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -42,6 +42,7 @@ import {PostMeta} from '../util/PostMeta' import {Text} from '../util/text/Text' import {PreviewableUserAvatar} from '../util/UserAvatar' import {AviFollowButton} from './AviFollowButton' +import hairlineWidth = StyleSheet.hairlineWidth interface FeedItemProps { record: AppBskyFeedPost.Record @@ -53,6 +54,7 @@ interface FeedItemProps { isThreadLastChild?: boolean isThreadParent?: boolean feedContext: string | undefined + hideTopBorder?: boolean } export function FeedItem({ @@ -66,6 +68,7 @@ export function FeedItem({ isThreadChild, isThreadLastChild, isThreadParent, + hideTopBorder, }: FeedItemProps & {post: AppBskyFeedDefs.PostView}): React.ReactNode { const postShadowed = usePostShadow(post) const richText = useMemo( @@ -95,6 +98,7 @@ export function FeedItem({ isThreadChild={isThreadChild} isThreadLastChild={isThreadLastChild} isThreadParent={isThreadParent} + hideTopBorder={hideTopBorder} /> ) } @@ -113,6 +117,7 @@ let FeedItemInner = ({ isThreadChild, isThreadLastChild, isThreadParent, + hideTopBorder, }: FeedItemProps & { richText: RichTextAPI post: Shadow<AppBskyFeedDefs.PostView> @@ -186,8 +191,8 @@ let FeedItemInner = ({ isThreadLastChild || (!isThreadChild && !isThreadParent) ? 8 : undefined, + borderTopWidth: hideTopBorder || isThreadChild ? 0 : hairlineWidth, }, - isThreadChild ? styles.outerSmallTop : undefined, ] return ( @@ -445,16 +450,12 @@ function ReplyToLabel({profile}: {profile: AppBskyActorDefs.ProfileViewBasic}) { const styles = StyleSheet.create({ outer: { - borderTopWidth: 1, paddingLeft: 10, paddingRight: 15, // @ts-ignore web only -prf cursor: 'pointer', overflow: 'hidden', }, - outerSmallTop: { - borderTopWidth: 0, - }, replyLine: { width: 2, marginLeft: 'auto', |