diff --git a/src/components/icons/Filter.tsx b/src/components/icons/Filter.tsx new file mode 100644 index 0000000000..02ac1c71b4 --- /dev/null +++ b/src/components/icons/Filter.tsx @@ -0,0 +1,5 @@ +import {createSinglePathSVG} from './TEMPLATE' + +export const Filter_Stroke2_Corner0_Rounded = createSinglePathSVG({ + path: 'M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v4a1 1 0 0 1-.293.707L15 14.414V20a1 1 0 0 1-.758.97l-4 1A1 1 0 0 1 9 21v-6.586L3.293 8.707A1 1 0 0 1 3 8V4Zm2 1v2.586l5.707 5.707A1 1 0 0 1 11 14v5.72l2-.5V14a1 1 0 0 1 .293-.707L19 7.586V5H5Z', +}) diff --git a/src/screens/Moderation/index.tsx b/src/screens/Moderation/index.tsx index b1ecbdaa6a..61e093a52c 100644 --- a/src/screens/Moderation/index.tsx +++ b/src/screens/Moderation/index.tsx @@ -32,13 +32,16 @@ import {CircleBanSign_Stroke2_Corner0_Rounded as CircleBanSign} from '#/componen import {Group3_Stroke2_Corner0_Rounded as Group} from '#/components/icons/Group' import {Person_Stroke2_Corner0_Rounded as Person} from '#/components/icons/Person' import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron' +import {Filter_Stroke2_Corner0_Rounded as Filter} from '#/components/icons/Filter' import {Text} from '#/components/Typography' import * as Toggle from '#/components/forms/Toggle' import {InlineLink, Link} from '#/components/Link' +import {Button} from '#/components/Button' import {Loader} from '#/components/Loader' import {getModerationServiceTitle} from '#/lib/moderation' import * as ModerationServiceCard from '#/components/ModerationServiceCard' import {GlobalModerationLabelPref} from '#/components/moderation/GlobalModerationLabelPref' +import {useGlobalDialogsControlContext} from '#/components/dialogs/Context' function ErrorState({error}: {error: string}) { const t = useTheme() @@ -133,10 +136,12 @@ export function ModerationScreenInner({ preferences: UsePreferencesQueryResponse labelers?: AppBskyLabelerDefs.LabelerViewDetailed[] }) { + const {_} = useLingui() const t = useTheme() const setMinimalShellMode = useSetMinimalShellMode() const {screen} = useAnalytics() const {gtMobile} = useBreakpoints() + const {mutedWordsDialogControl} = useGlobalDialogsControlContext() useFocusEffect( React.useCallback(() => { @@ -187,6 +192,29 @@ export function ModerationScreenInner({ a.overflow_hidden, t.atoms.bg_contrast_25, ]}> + +