forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
add scrollview to moderation screen (#2187)
+75
-72
+75
-72
src/view/screens/Moderation.tsx
+75
-72
src/view/screens/Moderation.tsx
···
30
30
useProfileQuery,
31
31
useProfileUpdateMutation,
32
32
} from '#/state/queries/profile'
33
+
import {ScrollView} from '../com/util/Views'
33
34
34
35
type Props = NativeStackScreenProps<CommonNavigatorParams, 'Moderation'>
35
36
export function ModerationScreen({}: Props) {
···
61
62
]}
62
63
testID="moderationScreen">
63
64
<ViewHeader title={_(msg`Moderation`)} showOnDesktop />
64
-
<View style={styles.spacer} />
65
-
<TouchableOpacity
66
-
testID="contentFilteringBtn"
67
-
style={[styles.linkCard, pal.view]}
68
-
onPress={onPressContentFiltering}
69
-
accessibilityRole="tab"
70
-
accessibilityHint="Content filtering"
71
-
accessibilityLabel="">
72
-
<View style={[styles.iconContainer, pal.btn]}>
73
-
<FontAwesomeIcon
74
-
icon="eye"
75
-
style={pal.text as FontAwesomeIconStyle}
76
-
/>
77
-
</View>
78
-
<Text type="lg" style={pal.text}>
79
-
<Trans>Content filtering</Trans>
65
+
<ScrollView>
66
+
<View style={styles.spacer} />
67
+
<TouchableOpacity
68
+
testID="contentFilteringBtn"
69
+
style={[styles.linkCard, pal.view]}
70
+
onPress={onPressContentFiltering}
71
+
accessibilityRole="tab"
72
+
accessibilityHint="Content filtering"
73
+
accessibilityLabel="">
74
+
<View style={[styles.iconContainer, pal.btn]}>
75
+
<FontAwesomeIcon
76
+
icon="eye"
77
+
style={pal.text as FontAwesomeIconStyle}
78
+
/>
79
+
</View>
80
+
<Text type="lg" style={pal.text}>
81
+
<Trans>Content filtering</Trans>
82
+
</Text>
83
+
</TouchableOpacity>
84
+
<Link
85
+
testID="moderationlistsBtn"
86
+
style={[styles.linkCard, pal.view]}
87
+
href="/moderation/modlists">
88
+
<View style={[styles.iconContainer, pal.btn]}>
89
+
<FontAwesomeIcon
90
+
icon="users-slash"
91
+
style={pal.text as FontAwesomeIconStyle}
92
+
/>
93
+
</View>
94
+
<Text type="lg" style={pal.text}>
95
+
<Trans>Moderation lists</Trans>
96
+
</Text>
97
+
</Link>
98
+
<Link
99
+
testID="mutedAccountsBtn"
100
+
style={[styles.linkCard, pal.view]}
101
+
href="/moderation/muted-accounts">
102
+
<View style={[styles.iconContainer, pal.btn]}>
103
+
<FontAwesomeIcon
104
+
icon="user-slash"
105
+
style={pal.text as FontAwesomeIconStyle}
106
+
/>
107
+
</View>
108
+
<Text type="lg" style={pal.text}>
109
+
<Trans>Muted accounts</Trans>
110
+
</Text>
111
+
</Link>
112
+
<Link
113
+
testID="blockedAccountsBtn"
114
+
style={[styles.linkCard, pal.view]}
115
+
href="/moderation/blocked-accounts">
116
+
<View style={[styles.iconContainer, pal.btn]}>
117
+
<FontAwesomeIcon
118
+
icon="ban"
119
+
style={pal.text as FontAwesomeIconStyle}
120
+
/>
121
+
</View>
122
+
<Text type="lg" style={pal.text}>
123
+
<Trans>Blocked accounts</Trans>
124
+
</Text>
125
+
</Link>
126
+
<Text
127
+
type="xl-bold"
128
+
style={[
129
+
pal.text,
130
+
{
131
+
paddingHorizontal: 18,
132
+
paddingTop: 18,
133
+
paddingBottom: 6,
134
+
},
135
+
]}>
136
+
<Trans>Logged-out visibility</Trans>
80
137
</Text>
81
-
</TouchableOpacity>
82
-
<Link
83
-
testID="moderationlistsBtn"
84
-
style={[styles.linkCard, pal.view]}
85
-
href="/moderation/modlists">
86
-
<View style={[styles.iconContainer, pal.btn]}>
87
-
<FontAwesomeIcon
88
-
icon="users-slash"
89
-
style={pal.text as FontAwesomeIconStyle}
90
-
/>
91
-
</View>
92
-
<Text type="lg" style={pal.text}>
93
-
<Trans>Moderation lists</Trans>
94
-
</Text>
95
-
</Link>
96
-
<Link
97
-
testID="mutedAccountsBtn"
98
-
style={[styles.linkCard, pal.view]}
99
-
href="/moderation/muted-accounts">
100
-
<View style={[styles.iconContainer, pal.btn]}>
101
-
<FontAwesomeIcon
102
-
icon="user-slash"
103
-
style={pal.text as FontAwesomeIconStyle}
104
-
/>
105
-
</View>
106
-
<Text type="lg" style={pal.text}>
107
-
<Trans>Muted accounts</Trans>
108
-
</Text>
109
-
</Link>
110
-
<Link
111
-
testID="blockedAccountsBtn"
112
-
style={[styles.linkCard, pal.view]}
113
-
href="/moderation/blocked-accounts">
114
-
<View style={[styles.iconContainer, pal.btn]}>
115
-
<FontAwesomeIcon
116
-
icon="ban"
117
-
style={pal.text as FontAwesomeIconStyle}
118
-
/>
119
-
</View>
120
-
<Text type="lg" style={pal.text}>
121
-
<Trans>Blocked accounts</Trans>
122
-
</Text>
123
-
</Link>
124
-
<Text
125
-
type="xl-bold"
126
-
style={[
127
-
pal.text,
128
-
{
129
-
paddingHorizontal: 18,
130
-
paddingTop: 18,
131
-
paddingBottom: 6,
132
-
},
133
-
]}>
134
-
<Trans>Logged-out visibility</Trans>
135
-
</Text>
136
-
<PwiOptOut />
138
+
<PwiOptOut />
139
+
</ScrollView>
137
140
</CenteredView>
138
141
)
139
142
}