From c8175b9c4e6c4a7b614ec46807db91c3dee529de Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Fri, 26 Jan 2024 05:24:24 +0000
Subject: [PATCH] Add missing top border to notifications loading state (#2635)

---
 src/view/com/notifications/Feed.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/view/com/notifications/Feed.tsx b/src/view/com/notifications/Feed.tsx
index 015aaaa2..dd439d47 100644
--- a/src/view/com/notifications/Feed.tsx
+++ b/src/view/com/notifications/Feed.tsx
@@ -15,6 +15,7 @@ import {useModerationOpts} from '#/state/queries/preferences'
 import {List, ListRef} from '../util/List'
 import {useLingui} from '@lingui/react'
 import {msg} from '@lingui/macro'
+import {usePalette} from '#/lib/hooks/usePalette'
 
 const EMPTY_FEED_ITEM = {_reactKey: '__empty__'}
 const LOAD_MORE_ERROR_ITEM = {_reactKey: '__load_more_error__'}
@@ -32,6 +33,7 @@ export function Feed({
   ListHeaderComponent?: () => JSX.Element
 }) {
   const [isPTRing, setIsPTRing] = React.useState(false)
+  const pal = usePalette('default')
 
   const {_} = useLingui()
   const moderationOpts = useModerationOpts()
@@ -118,11 +120,15 @@ export function Feed({
           />
         )
       } else if (item === LOADING_ITEM) {
-        return <NotificationFeedLoadingPlaceholder />
+        return (
+          <View style={[pal.border, {borderTopWidth: 1}]}>
+            <NotificationFeedLoadingPlaceholder />
+          </View>
+        )
       }
       return <FeedItem item={item} moderationOpts={moderationOpts!} />
     },
-    [onPressRetryLoadMore, moderationOpts, _],
+    [onPressRetryLoadMore, moderationOpts, _, pal.border],
   )
 
   const FeedFooter = React.useCallback(