personal web client for Bluesky
typescript solidjs bluesky atcute
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: virtualized bookmark feed

mary.my.id 87b9c1ce dcb0c80d

verified
+8 -2
+8 -2
src/views/bookmarks-listing.tsx
··· 1 + import { createBookmarkFeedQuery } from '~/api/queries/bookmark-feed'; 2 + 1 3 import * as Page from '~/components/page'; 2 4 import PagedList from '~/components/paged-list'; 5 + import VirtualItem from '~/components/virtual-item'; 3 6 4 - import { createBookmarkFeedQuery } from '~/api/queries/bookmark-feed'; 5 7 import BookmarkFeedItem from '~/components/bookmarks/bookmark-feed-item'; 6 8 7 9 const BookmarksPage = () => { ··· 21 23 data={listing.data?.pages.map((page) => page.items)} 22 24 error={listing.error} 23 25 render={(item) => { 24 - return <BookmarkFeedItem item={item} />; 26 + return ( 27 + <VirtualItem estimateHeight={99}> 28 + <BookmarkFeedItem item={item} /> 29 + </VirtualItem> 30 + ); 25 31 }} 26 32 hasNextPage={listing.hasNextPage} 27 33 isFetchingNextPage={listing.isFetchingNextPage || listing.isLoading}