diff --git a/src/screens/Search/components/ExploreTrendingTopics.tsx b/src/screens/Search/components/ExploreTrendingTopics.tsx
index be347dcd4d..198adcb2a1 100644
--- a/src/screens/Search/components/ExploreTrendingTopics.tsx
+++ b/src/screens/Search/components/ExploreTrendingTopics.tsx
@@ -1,16 +1,23 @@
import {View} from 'react-native'
-import {Trans} from '@lingui/macro'
+import {msg,Trans} from '@lingui/macro'
+import {useLingui} from '@lingui/react'
import {isWeb} from '#/platform/detection'
-import {useTrendingSettings} from '#/state/preferences/trending'
+import {
+ useTrendingSettings,
+ useTrendingSettingsApi,
+} from '#/state/preferences/trending'
import {
DEFAULT_LIMIT as TRENDING_TOPICS_COUNT,
useTrendingTopics,
} from '#/state/queries/trending/useTrendingTopics'
import {useTrendingConfig} from '#/state/trending-config'
import {atoms as a, tokens, useGutters, useTheme} from '#/alf'
+import {Button, ButtonIcon} from '#/components/Button'
import {GradientFill} from '#/components/GradientFill'
+import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
import {Trending2_Stroke2_Corner2_Rounded as Trending} from '#/components/icons/Trending2'
+import * as Prompt from '#/components/Prompt'
import {
TrendingTopic,
TrendingTopicLink,
@@ -26,9 +33,12 @@ export function ExploreTrendingTopics() {
function Inner() {
const t = useTheme()
+ const {_} = useLingui()
const gutters = useGutters([0, 'compact'])
const {data: trending, error, isLoading} = useTrendingTopics()
const noTopics = !isLoading && !error && !trending?.topics?.length
+ const {setTrendingDisabled} = useTrendingSettingsApi()
+ const trendingPrompt = Prompt.usePromptControl()
return error || noTopics ? null : (
<>
@@ -61,6 +71,16 @@ function Inner() {
What people are posting about.
+
+
@@ -97,6 +117,14 @@ function Inner() {
)}
+
+ setTrendingDisabled(true)}
+ />
>
)
}