From d93acb25f421bf619530d225e6dbbb22516fbfb2 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Mon, 3 Jun 2024 09:21:02 -0700
Subject: [PATCH] hide top border for mentions and replies (#4330)

---
 src/view/com/notifications/FeedItem.tsx |  1 +
 src/view/com/post/Post.tsx              | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx
index 22ebf827..d6c38ea6 100644
--- a/src/view/com/notifications/FeedItem.tsx
+++ b/src/view/com/notifications/FeedItem.tsx
@@ -148,6 +148,7 @@ let FeedItem = ({
                   borderColor: pal.colors.unreadNotifBorder,
                 }
           }
+          hideTopBorder={hideTopBorder}
         />
       </Link>
     )
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index a7ccf0be..51a1381e 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -41,10 +41,12 @@ import hairlineWidth = StyleSheet.hairlineWidth
 export function Post({
   post,
   showReplyLine,
+  hideTopBorder,
   style,
 }: {
   post: AppBskyFeedDefs.PostView
   showReplyLine?: boolean
+  hideTopBorder?: boolean
   style?: StyleProp<ViewStyle>
 }) {
   const moderationOpts = useModerationOpts()
@@ -82,6 +84,7 @@ export function Post({
         richText={richText}
         moderation={moderation}
         showReplyLine={showReplyLine}
+        hideTopBorder={hideTopBorder}
         style={style}
       />
     )
@@ -95,6 +98,7 @@ function PostInner({
   richText,
   moderation,
   showReplyLine,
+  hideTopBorder,
   style,
 }: {
   post: Shadow<AppBskyFeedDefs.PostView>
@@ -102,6 +106,7 @@ function PostInner({
   richText: RichTextAPI
   moderation: ModerationDecision
   showReplyLine?: boolean
+  hideTopBorder?: boolean
   style?: StyleProp<ViewStyle>
 }) {
   const queryClient = useQueryClient()
@@ -143,7 +148,12 @@ function PostInner({
   return (
     <Link
       href={itemHref}
-      style={[styles.outer, pal.border, style]}
+      style={[
+        styles.outer,
+        pal.border,
+        !hideTopBorder && {borderTopWidth: hairlineWidth},
+        style,
+      ]}
       onBeforePress={onBeforePress}>
       {showReplyLine && <View style={styles.replyLine} />}
       <View style={styles.layout}>
@@ -243,7 +253,6 @@ const styles = StyleSheet.create({
     paddingRight: 15,
     paddingBottom: 5,
     paddingLeft: 10,
-    borderTopWidth: hairlineWidth,
     // @ts-ignore web only -prf
     cursor: 'pointer',
   },