diff --git a/src/view/com/posts/PostFeed.tsx b/src/view/com/posts/PostFeed.tsx
index 10eb47d0a4..f83de84643 100644
--- a/src/view/com/posts/PostFeed.tsx
+++ b/src/view/com/posts/PostFeed.tsx
@@ -23,6 +23,7 @@ import {logger} from '#/logger'
import {isIOS, isWeb} from '#/platform/detection'
import {listenPostCreated} from '#/state/events'
import {useFeedFeedbackContext} from '#/state/feed-feedback'
+import {useTrendingSettings} from '#/state/preferences/trending'
import {STALE} from '#/state/queries'
import {
FeedDescriptor,
@@ -35,6 +36,7 @@ import {
import {useSession} from '#/state/session'
import {useProgressGuide} from '#/state/shell/progress-guide'
import {ProgressGuide, SuggestedFollows} from '#/components/FeedInterstitials'
+import {TrendingInterstitial} from '#/components/interstitials/Trending'
import {List, ListRef} from '../util/List'
import {PostFeedLoadingPlaceholder} from '../util/LoadingPlaceholder'
import {LoadMoreRetryBtn} from '../util/LoadMoreRetryBtn'
@@ -90,6 +92,10 @@ type FeedRow =
type: 'interstitialProgressGuide'
key: string
}
+ | {
+ type: 'interstitialTrending'
+ key: string
+ }
export function getFeedPostSlice(feedRow: FeedRow): FeedPostSlice | null {
if (feedRow.type === 'sliceItem') {
@@ -259,6 +265,8 @@ let PostFeed = ({
const showProgressIntersitial =
(followProgressGuide || followAndLikeProgressGuide) && !isDesktop
+ const {trendingDisabled} = useTrendingSettings()
+
const feedItems: FeedRow[] = React.useMemo(() => {
let feedKind: 'following' | 'discover' | 'profile' | undefined
if (feedType === 'following') {
@@ -304,7 +312,12 @@ let PostFeed = ({
type: 'interstitialProgressGuide',
key: 'interstitial-' + sliceIndex + '-' + lastFetchedAt,
})
- } else if (sliceIndex === 20) {
+ } else if (sliceIndex === 15 && !trendingDisabled) {
+ arr.push({
+ type: 'interstitialTrending',
+ key: 'interstitial-' + sliceIndex + '-' + lastFetchedAt,
+ })
+ } else if (sliceIndex === 30) {
arr.push({
type: 'interstitialFollows',
key: 'interstitial-' + sliceIndex + '-' + lastFetchedAt,
@@ -390,6 +403,7 @@ let PostFeed = ({
feedTab,
hasSession,
showProgressIntersitial,
+ trendingDisabled,
])
// events
@@ -476,6 +490,8 @@ let PostFeed = ({
return
} else if (row.type === 'interstitialProgressGuide') {
return
+ } else if (row.type === 'interstitialTrending') {
+ return
} else if (row.type === 'sliceItem') {
const slice = row.slice
if (slice.isFallbackMarker) {