zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Add missing top border to notifications loading state (#2635)

zio/stable
dan 2024-01-26 05:24:24 +00:00 committed by GitHub
parent 23a4bbf608
commit c8175b9c4e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/view/com/notifications/Feed.tsx
View File

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