about summary refs log tree commit diff
path: root/src/view/screens/Moderation.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/screens/Moderation.tsx')
-rw-r--r--src/view/screens/Moderation.tsx21
1 files changed, 20 insertions, 1 deletions
diff --git a/src/view/screens/Moderation.tsx b/src/view/screens/Moderation.tsx
index 9db358064..2848905c6 100644
--- a/src/view/screens/Moderation.tsx
+++ b/src/view/screens/Moderation.tsx
@@ -31,6 +31,7 @@ import {
   useProfileUpdateMutation,
 } from '#/state/queries/profile'
 import {ScrollView} from '../com/util/Views'
+import {useGlobalDialogsControlContext} from '#/components/dialogs/Context'
 
 type Props = NativeStackScreenProps<CommonNavigatorParams, 'Moderation'>
 export function ModerationScreen({}: Props) {
@@ -40,6 +41,7 @@ export function ModerationScreen({}: Props) {
   const {screen, track} = useAnalytics()
   const {isTabletOrDesktop} = useWebMediaQueries()
   const {openModal} = useModalControls()
+  const {mutedWordsDialogControl} = useGlobalDialogsControlContext()
 
   useFocusEffect(
     React.useCallback(() => {
@@ -71,7 +73,7 @@ export function ModerationScreen({}: Props) {
           accessibilityRole="tab"
           accessibilityLabel={_(msg`Content filtering`)}
           accessibilityHint={_(
-            msg`Opens modal for content filtering preferences`,
+            msg`Opens modal for content filtering settings`,
           )}>
           <View style={[styles.iconContainer, pal.btn]}>
             <FontAwesomeIcon
@@ -83,6 +85,23 @@ export function ModerationScreen({}: Props) {
             <Trans>Content filtering</Trans>
           </Text>
         </TouchableOpacity>
+        <TouchableOpacity
+          testID="mutedWordsBtn"
+          style={[styles.linkCard, pal.view]}
+          onPress={() => mutedWordsDialogControl.open()}
+          accessibilityRole="tab"
+          accessibilityLabel={_(msg`Muted words & tags`)}
+          accessibilityHint={_(msg`Open modal for muted words settings`)}>
+          <View style={[styles.iconContainer, pal.btn]}>
+            <FontAwesomeIcon
+              icon="filter"
+              style={pal.text as FontAwesomeIconStyle}
+            />
+          </View>
+          <Text type="lg" style={pal.text}>
+            <Trans>Muted words & tags</Trans>
+          </Text>
+        </TouchableOpacity>
         <Link
           testID="moderationlistsBtn"
           style={[styles.linkCard, pal.view]}