robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix mention tab flicker (#8640)
samuel.fm
+8
-1
+7
-1
src/view/com/notifications/NotificationFeed.tsx
+7
-1
src/view/com/notifications/NotificationFeed.tsx
···
59
59
enabled: enabled && !!moderationOpts,
60
60
filter,
61
61
})
62
-
const isEmpty = !isFetching && !data?.pages[0]?.items.length
62
+
// previously, this was `!isFetching && !data?.pages[0]?.items.length`
63
+
// however, if the first page had no items (can happen in the mentions tab!)
64
+
// it would flicker the empty state whenever it was loading.
65
+
// therefore, we need to find if *any* page has items. in 99.9% of cases,
66
+
// the `.find()` won't need to go any further than the first page -sfn
67
+
const isEmpty =
68
+
!isFetching && !data?.pages.find(page => page.items.length > 0)
63
69
64
70
const items = React.useMemo(() => {
65
71
let arr: any[] = []