From 04fae9a6b6b21206bfc626ef221fc2b4ef2960e1 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 12 Dec 2024 19:37:41 -0600
Subject: [PATCH] First hack at mute words

---
 src/components/TrendingTopics.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/TrendingTopics.tsx b/src/components/TrendingTopics.tsx
index b0a7e10b7f..862ab5619b 100644
--- a/src/components/TrendingTopics.tsx
+++ b/src/components/TrendingTopics.tsx
@@ -3,6 +3,7 @@ import {View} from 'react-native'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {AtUri} from '@atproto/api'
+import {hasMutedWord} from '@atproto/api/dist/moderation/mutewords'
 
 import {atoms as a, useGutters, useTheme, ViewStyleProp} from '#/alf'
 import {Link as InternalLink, LinkProps} from '#/components/Link'
@@ -12,6 +13,7 @@ import {makeProfileLink, makeSearchLink} from '#/lib/routes/links'
 import {Hashtag_Stroke2_Corner0_Rounded as Hashtag} from '#/components/icons/Hashtag'
 import {MagnifyingGlass_Filled_Stroke2_Corner0_Rounded as Search} from '#/components/icons/MagnifyingGlass'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
+import {usePreferencesQuery} from '#/state/queries/preferences'
 
 export function TopicLarge({topic, style}: {topic: string} & ViewStyleProp) {
   const t = useTheme()
@@ -212,10 +214,23 @@ type Topic =
       uri: AtUri
     }
 
+export function useMutedWords() {
+  const {data: preferences} = usePreferencesQuery()
+  return React.useMemo(() => {
+    return preferences?.moderationPrefs?.mutedWords || []
+  }, [preferences?.moderationPrefs?.mutedWords])
+}
+
 export function useTopic(topic: RawTopic): Topic | undefined {
+  const mutedWords = useMutedWords()
   return React.useMemo(() => {
     const {name, uri} = topic
 
+    if (hasMutedWord({
+      mutedWords,
+      text: name
+    })) return
+
     if (uri.startsWith('https')) {
       const url = new URL(uri)
       if (url.origin !== BSKY_APP_HOST) return
@@ -255,5 +270,5 @@ export function useTopic(topic: RawTopic): Topic | undefined {
         }
       }
     }
-  }, [topic])
+  }, [topic, mutedWords])
 }