zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

add scrollview to moderation screen (#2187)

zio/stable
Ansh 2023-12-13 02:37:59 +05:30 committed by GitHub
parent 1289b161a1
commit 9ab0ff6f1d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 75 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
src/view/screens/Moderation.tsx
View File

@ -30,6 +30,7 @@ import {
useProfileQuery, useProfileQuery,
useProfileUpdateMutation, useProfileUpdateMutation,
} from '#/state/queries/profile' } from '#/state/queries/profile'
import {ScrollView} from '../com/util/Views'
type Props = NativeStackScreenProps<CommonNavigatorParams, 'Moderation'> type Props = NativeStackScreenProps<CommonNavigatorParams, 'Moderation'>
export function ModerationScreen({}: Props) { export function ModerationScreen({}: Props) {
@ -61,79 +62,81 @@ export function ModerationScreen({}: Props) {
]} ]}
testID="moderationScreen"> testID="moderationScreen">
<ViewHeader title={_(msg`Moderation`)} showOnDesktop /> <ViewHeader title={_(msg`Moderation`)} showOnDesktop />
<View style={styles.spacer} /> <ScrollView>
<TouchableOpacity <View style={styles.spacer} />
testID="contentFilteringBtn" <TouchableOpacity
style={[styles.linkCard, pal.view]} testID="contentFilteringBtn"
onPress={onPressContentFiltering} style={[styles.linkCard, pal.view]}
accessibilityRole="tab" onPress={onPressContentFiltering}
accessibilityHint="Content filtering" accessibilityRole="tab"
accessibilityLabel=""> accessibilityHint="Content filtering"
<View style={[styles.iconContainer, pal.btn]}> accessibilityLabel="">
<FontAwesomeIcon <View style={[styles.iconContainer, pal.btn]}>
icon="eye" <FontAwesomeIcon
style={pal.text as FontAwesomeIconStyle} icon="eye"
/> style={pal.text as FontAwesomeIconStyle}
</View> />
<Text type="lg" style={pal.text}> </View>
<Trans>Content filtering</Trans> <Text type="lg" style={pal.text}>
<Trans>Content filtering</Trans>
</Text>
</TouchableOpacity>
<Link
testID="moderationlistsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/modlists">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="users-slash"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Moderation lists</Trans>
</Text>
</Link>
<Link
testID="mutedAccountsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/muted-accounts">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="user-slash"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Muted accounts</Trans>
</Text>
</Link>
<Link
testID="blockedAccountsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/blocked-accounts">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="ban"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Blocked accounts</Trans>
</Text>
</Link>
<Text
type="xl-bold"
style={[
pal.text,
{
paddingHorizontal: 18,
paddingTop: 18,
paddingBottom: 6,
},
]}>
<Trans>Logged-out visibility</Trans>
</Text> </Text>
</TouchableOpacity> <PwiOptOut />
<Link </ScrollView>
testID="moderationlistsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/modlists">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="users-slash"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Moderation lists</Trans>
</Text>
</Link>
<Link
testID="mutedAccountsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/muted-accounts">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="user-slash"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Muted accounts</Trans>
</Text>
</Link>
<Link
testID="blockedAccountsBtn"
style={[styles.linkCard, pal.view]}
href="/moderation/blocked-accounts">
<View style={[styles.iconContainer, pal.btn]}>
<FontAwesomeIcon
icon="ban"
style={pal.text as FontAwesomeIconStyle}
/>
</View>
<Text type="lg" style={pal.text}>
<Trans>Blocked accounts</Trans>
</Text>
</Link>
<Text
type="xl-bold"
style={[
pal.text,
{
paddingHorizontal: 18,
paddingTop: 18,
paddingBottom: 6,
},
]}>
<Trans>Logged-out visibility</Trans>
</Text>
<PwiOptOut />
</CenteredView> </CenteredView>
) )
} }