Samuel Newman
81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
import {useCallback} from 'react'
|
|
import {View} from 'react-native'
|
|
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {type ActiveConvoStates} from '#/state/messages/convo'
|
|
import {useModerationOpts} from '#/state/preferences/moderation-opts'
|
|
import {useSession} from '#/state/session'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {LeaveConvoPrompt} from '#/components/dms/LeaveConvoPrompt'
|
|
import {KnownFollowers} from '#/components/KnownFollowers'
|
|
import {usePromptControl} from '#/components/Prompt'
|
|
import {AcceptChatButton, DeleteChatButton, RejectMenu} from './RequestButtons'
|
|
|
|
export function ChatStatusInfo({convoState}: {convoState: ActiveConvoStates}) {
|
|
const t = useTheme()
|
|
const {_} = useLingui()
|
|
const moderationOpts = useModerationOpts()
|
|
const {currentAccount} = useSession()
|
|
const leaveConvoControl = usePromptControl()
|
|
|
|
const onAcceptChat = useCallback(() => {
|
|
convoState.markConvoAccepted()
|
|
}, [convoState])
|
|
|
|
const otherUser = convoState.recipients.find(
|
|
user => user.did !== currentAccount?.did,
|
|
)
|
|
|
|
if (!moderationOpts) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<View style={[t.atoms.bg, a.p_lg, a.gap_md, a.align_center]}>
|
|
{otherUser && (
|
|
<KnownFollowers
|
|
profile={otherUser}
|
|
moderationOpts={moderationOpts}
|
|
showIfEmpty
|
|
/>
|
|
)}
|
|
<View style={[a.flex_row, a.gap_md, a.w_full, otherUser && a.pt_sm]}>
|
|
{otherUser && (
|
|
<RejectMenu
|
|
label={_(msg`Block or report`)}
|
|
convo={convoState.convo}
|
|
profile={otherUser}
|
|
color="negative_subtle"
|
|
size="small"
|
|
currentScreen="conversation"
|
|
/>
|
|
)}
|
|
<DeleteChatButton
|
|
label={_(msg`Delete`)}
|
|
convo={convoState.convo}
|
|
color="secondary"
|
|
size="small"
|
|
currentScreen="conversation"
|
|
onPress={leaveConvoControl.open}
|
|
/>
|
|
<LeaveConvoPrompt
|
|
convoId={convoState.convo.id}
|
|
control={leaveConvoControl}
|
|
currentScreen="conversation"
|
|
hasMessages={false}
|
|
/>
|
|
</View>
|
|
<View style={[a.w_full, a.flex_row]}>
|
|
<AcceptChatButton
|
|
onAcceptConvo={onAcceptChat}
|
|
convo={convoState.convo}
|
|
color="primary_subtle"
|
|
size="small"
|
|
currentScreen="conversation"
|
|
/>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|