forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Add missing top border to notifications loading state (#2635)
+8
-2
+8
-2
src/view/com/notifications/Feed.tsx
+8
-2
src/view/com/notifications/Feed.tsx
···
15
15
import {List, ListRef} from '../util/List'
16
16
import {useLingui} from '@lingui/react'
17
17
import {msg} from '@lingui/macro'
18
+
import {usePalette} from '#/lib/hooks/usePalette'
18
19
19
20
const EMPTY_FEED_ITEM = {_reactKey: '__empty__'}
20
21
const LOAD_MORE_ERROR_ITEM = {_reactKey: '__load_more_error__'}
···
32
33
ListHeaderComponent?: () => JSX.Element
33
34
}) {
34
35
const [isPTRing, setIsPTRing] = React.useState(false)
36
+
const pal = usePalette('default')
35
37
36
38
const {_} = useLingui()
37
39
const moderationOpts = useModerationOpts()
···
118
120
/>
119
121
)
120
122
} else if (item === LOADING_ITEM) {
121
-
return <NotificationFeedLoadingPlaceholder />
123
+
return (
124
+
<View style={[pal.border, {borderTopWidth: 1}]}>
125
+
<NotificationFeedLoadingPlaceholder />
126
+
</View>
127
+
)
122
128
}
123
129
return <FeedItem item={item} moderationOpts={moderationOpts!} />
124
130
},
125
-
[onPressRetryLoadMore, moderationOpts, _],
131
+
[onPressRetryLoadMore, moderationOpts, _, pal.border],
126
132
)
127
133
128
134
const FeedFooter = React.useCallback(