diff --git a/src/screens/Search/Explore.tsx b/src/screens/Search/Explore.tsx index e74a6f1e29..26e8b36eb6 100644 --- a/src/screens/Search/Explore.tsx +++ b/src/screens/Search/Explore.tsx @@ -766,6 +766,9 @@ export function Explore({ ) } // feed previews + case 'preview:spacer': { + return + } case 'preview:empty': { return null // what should we do here? } @@ -799,7 +802,16 @@ export function Explore({ ) } case 'preview:footer': { - return + return ( + + ) } case 'preview:sliceItem': { const slice = item.slice diff --git a/src/state/queries/explore-feed-previews.tsx b/src/state/queries/explore-feed-previews.tsx index 77511b5cd5..4a13723e3c 100644 --- a/src/state/queries/explore-feed-previews.tsx +++ b/src/state/queries/explore-feed-previews.tsx @@ -37,7 +37,7 @@ const LIMIT = 8 // sliced to 6, overfetch to account for moderation export type FeedPreviewItem = | { - type: 'topBorder' + type: 'preview:spacer' key: string } | { @@ -131,6 +131,11 @@ export function useFeedPreviews( if (!enabled) return items + items.push({ + type: 'preview:spacer', + key: 'spacer', + }) + const isEmpty = !isPending && !data?.pages?.some(page => page.posts.length) @@ -240,23 +245,17 @@ export function useFeedPreviews( } if (slices.length > 0) { - if (pageIndex > 0) { - items.push({ - type: 'topBorder', - key: `topBorder-${page.feed.uri}`, - }) - } items.push( - { - type: 'preview:footer', - key: `footer-${page.feed.uri}`, - }, { type: 'preview:header', key: `header-${page.feed.uri}`, feed: page.feed, }, ...slices, + { + type: 'preview:footer', + key: `footer-${page.feed.uri}`, + }, ) } }