diff --git a/src/view/screens/ProfileList.tsx b/src/view/screens/ProfileList.tsx
index 89682af5ff..a7d66895d5 100644
--- a/src/view/screens/ProfileList.tsx
+++ b/src/view/screens/ProfileList.tsx
@@ -1,6 +1,12 @@
import React, {useCallback, useMemo} from 'react'
import {Pressable, StyleSheet, View} from 'react-native'
-import {AppBskyGraphDefs, AtUri, RichText as RichTextAPI} from '@atproto/api'
+import {
+ AppBskyGraphDefs,
+ AtUri,
+ moderateUserList,
+ ModerationOpts,
+ RichText as RichTextAPI,
+} from '@atproto/api'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {msg, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react'
@@ -14,6 +20,7 @@ import {logger} from '#/logger'
import {isNative, isWeb} from '#/platform/detection'
import {listenSoftReset} from '#/state/events'
import {useModalControls} from '#/state/modals'
+import {useModerationOpts} from '#/state/preferences/moderation-opts'
import {
useListBlockMutation,
useListDeleteMutation,
@@ -62,6 +69,7 @@ import * as Toast from 'view/com/util/Toast'
import {CenteredView} from 'view/com/util/Views'
import {atoms as a, useTheme} from '#/alf'
import {useDialogControl} from '#/components/Dialog'
+import {ScreenHider} from '#/components/moderation/ScreenHider'
import * as Prompt from '#/components/Prompt'
import {ReportDialog, useReportDialogControl} from '#/components/ReportDialog'
import {RichText} from '#/components/RichText'
@@ -82,6 +90,7 @@ export function ProfileListScreen(props: Props) {
AtUri.make(handleOrDid, 'app.bsky.graph.list', rkey).toString(),
)
const {data: list, error: listError} = useListQuery(resolvedUri?.uri)
+ const moderationOpts = useModerationOpts()
if (resolveError) {
return (
@@ -102,8 +111,13 @@ export function ProfileListScreen(props: Props) {
)
}
- return resolvedUri && list ? (
-
+ return resolvedUri && list && moderationOpts ? (
+
) : (
)
@@ -113,7 +127,12 @@ function ProfileListScreenLoaded({
route,
uri,
list,
-}: Props & {uri: string; list: AppBskyGraphDefs.ListView}) {
+ moderationOpts,
+}: Props & {
+ uri: string
+ list: AppBskyGraphDefs.ListView
+ moderationOpts: ModerationOpts
+}) {
const {_} = useLingui()
const queryClient = useQueryClient()
const {openComposer} = useComposerControls()
@@ -125,6 +144,10 @@ function ProfileListScreenLoaded({
const isCurateList = list.purpose === 'app.bsky.graph.defs#curatelist'
const isScreenFocused = useIsFocused()
+ const moderation = React.useMemo(() => {
+ return moderateUserList(list, moderationOpts)
+ }, [list, moderationOpts])
+
useSetTitle(list.name)
useFocusEffect(
@@ -162,46 +185,50 @@ function ProfileListScreenLoaded({
if (isCurateList) {
return (
-
-
- {({headerHeight, scrollElRef, isFocused}) => (
-
- )}
- {({headerHeight, scrollElRef}) => (
-
- )}
-
- openComposer({})}
- icon={
-
- }
- accessibilityRole="button"
- accessibilityLabel={_(msg`New post`)}
- accessibilityHint=""
- />
-
+
+
+
+ {({headerHeight, scrollElRef, isFocused}) => (
+
+ )}
+ {({headerHeight, scrollElRef}) => (
+
+ )}
+
+ openComposer({})}
+ icon={
+
+ }
+ accessibilityRole="button"
+ accessibilityLabel={_(msg`New post`)}
+ accessibilityHint=""
+ />
+
+
)
}
return (