d02e0884c4
* get the damn thing in there 😮💨
* more cleanup and little fixes
another nit
nit
small annoyance
add a comment
only use `scrollTo` when necessary
remove now unnecessary styles
* move padding out
* add unblock function
* rm need for moderationpts
* ?
* ??
* extract leaveconvoprompt
* move `setHasScrolled` to `onContentSizeChanged`
* account for block footer
* wrap up
nit
make sure recipient is loaded before showing
refactor to hide chat input
typo squigglie
add report dialog
finalize delete
implement custom animation
add configurable replace animation
add leave convo to block options
* correct functionality for report
* moev component to another file
* maybe...
* fix chat item
* improve
* remove unused gtmobile
* nit
* more cleanup
* more cleanup
* fix merge
* fix header
* few more changes
* nit
* remove old
62 lines
2 KiB
TypeScript
62 lines
2 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
import {ModerationCause} from '@atproto/api'
|
|
import {msg} from '@lingui/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 {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' ? (
|
|
<React.Fragment key={block.source.list.uri}>
|
|
{i === 0 ? null : ', '}
|
|
<InlineLinkText
|
|
to={listUriToHref(block.source.list.uri)}
|
|
style={[a.text_md, a.leading_snug]}>
|
|
{block.source.list.name}
|
|
</InlineLinkText>
|
|
</React.Fragment>
|
|
) : null,
|
|
)}
|
|
</Text>
|
|
</View>
|
|
|
|
<Prompt.Actions>
|
|
<Prompt.Action cta={_(msg`I understand`)} onPress={() => {}} />
|
|
</Prompt.Actions>
|
|
|
|
<Dialog.Close />
|
|
</Prompt.Outer>
|
|
)
|
|
}
|