Samuel Newman
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import {Fragment} from 'react'
|
|
import {View} from 'react-native'
|
|
import {type ModerationCause} from '@bsky.app/sdk/moderation'
|
|
import {msg} from '@lingui/core/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {listUriToHref} from '#/lib/strings/url-helpers'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import * as Dialog from '#/components/Dialog'
|
|
import {type DialogControlProps} from '#/components/Dialog'
|
|
import {InlineLinkText} from '#/components/Link'
|
|
import * as Prompt from '#/components/Prompt'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function BlockedByListDialog({
|
|
control,
|
|
listBlocks,
|
|
}: {
|
|
control: DialogControlProps
|
|
listBlocks: ModerationCause[]
|
|
}) {
|
|
const {_} = useLingui()
|
|
const t = useTheme()
|
|
|
|
return (
|
|
<Prompt.Outer control={control} testID="blockedByListDialog">
|
|
<Prompt.TitleText>{_(msg`User blocked by list`)}</Prompt.TitleText>
|
|
<View style={[a.gap_sm, a.pb_lg]}>
|
|
<Text
|
|
selectable
|
|
style={[a.text_md, a.leading_snug, t.atoms.text_contrast_high]}>
|
|
{_(
|
|
msg`This account is blocked by one or more of your moderation lists. To unblock, please visit the lists directly and remove this user.`,
|
|
)}{' '}
|
|
</Text>
|
|
|
|
<Text style={[a.text_md, a.leading_snug, t.atoms.text_contrast_high]}>
|
|
{_(msg`Lists blocking this user:`)}{' '}
|
|
{listBlocks.map((block, i) =>
|
|
block.source.type === 'list' ? (
|
|
<Fragment key={block.source.list.uri}>
|
|
{i === 0 ? null : ', '}
|
|
<InlineLinkText
|
|
label={block.source.list.name}
|
|
to={listUriToHref(block.source.list.uri)}
|
|
style={[a.text_md, a.leading_snug]}>
|
|
{block.source.list.name}
|
|
</InlineLinkText>
|
|
</Fragment>
|
|
) : null,
|
|
)}
|
|
</Text>
|
|
</View>
|
|
<Prompt.Actions>
|
|
<Prompt.Action cta={_(msg`I understand`)} onPress={() => {}} />
|
|
</Prompt.Actions>
|
|
<Dialog.Close />
|
|
</Prompt.Outer>
|
|
)
|
|
}
|