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}`,
+ },
)
}
}