Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
1import {type StyleProp, type ViewStyle} from 'react-native'
2import {type ModerationDecision} from '@atproto/api'
3
4import {getModerationCauseKey, unique} from '#/lib/moderation'
5import * as Pills from '#/components/Pills'
6
7export function ProfileHeaderAlerts({
8 moderation,
9 style,
10}: {
11 moderation: ModerationDecision
12 style?: StyleProp<ViewStyle>
13}) {
14 const modui = moderation.ui('profileView')
15 if (!modui.alert && !modui.inform) {
16 return null
17 }
18
19 return (
20 <Pills.Row size="lg" style={style}>
21 {modui.alerts.filter(unique).map(cause => (
22 <Pills.Label
23 size="lg"
24 key={getModerationCauseKey(cause)}
25 cause={cause}
26 />
27 ))}
28 {modui.informs.filter(unique).map(cause => (
29 <Pills.Label
30 size="lg"
31 key={getModerationCauseKey(cause)}
32 cause={cause}
33 />
34 ))}
35 </Pills.Row>
36 )
37}