143 lines
4.2 KiB
TypeScript
143 lines
4.2 KiB
TypeScript
// Copyright 2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import * as React from 'react';
|
|
import classNames from 'classnames';
|
|
import { ContactName, PropsType as ContactNameProps } from './ContactName';
|
|
import {
|
|
MessageRequestActionsConfirmation,
|
|
MessageRequestState,
|
|
Props as MessageRequestActionsConfirmationProps,
|
|
} from './MessageRequestActionsConfirmation';
|
|
import { Intl } from '../Intl';
|
|
import { LocalizerType } from '../../types/Util';
|
|
|
|
export type Props = {
|
|
i18n: LocalizerType;
|
|
firstName?: string;
|
|
onAccept(): unknown;
|
|
} & Omit<ContactNameProps, 'module' | 'i18n'> &
|
|
Omit<
|
|
MessageRequestActionsConfirmationProps,
|
|
'i18n' | 'state' | 'onChangeState'
|
|
>;
|
|
|
|
export const MessageRequestActions = ({
|
|
conversationType,
|
|
firstName,
|
|
i18n,
|
|
isBlocked,
|
|
name,
|
|
onAccept,
|
|
onBlock,
|
|
onBlockAndDelete,
|
|
onDelete,
|
|
onUnblock,
|
|
phoneNumber,
|
|
profileName,
|
|
title,
|
|
}: Props): JSX.Element => {
|
|
const [mrState, setMrState] = React.useState(MessageRequestState.default);
|
|
|
|
return (
|
|
<>
|
|
{mrState !== MessageRequestState.default ? (
|
|
<MessageRequestActionsConfirmation
|
|
i18n={i18n}
|
|
onBlock={onBlock}
|
|
onBlockAndDelete={onBlockAndDelete}
|
|
onUnblock={onUnblock}
|
|
onDelete={onDelete}
|
|
name={name}
|
|
profileName={profileName}
|
|
phoneNumber={phoneNumber}
|
|
title={title}
|
|
conversationType={conversationType}
|
|
state={mrState}
|
|
onChangeState={setMrState}
|
|
/>
|
|
) : null}
|
|
<div className="module-message-request-actions">
|
|
<p className="module-message-request-actions__message">
|
|
<Intl
|
|
i18n={i18n}
|
|
id={`MessageRequests--message-${conversationType}${
|
|
isBlocked ? '-blocked' : ''
|
|
}`}
|
|
components={[
|
|
<strong
|
|
key="name"
|
|
className="module-message-request-actions__message__name"
|
|
>
|
|
<ContactName
|
|
name={name}
|
|
profileName={profileName}
|
|
phoneNumber={phoneNumber}
|
|
title={firstName || title}
|
|
i18n={i18n}
|
|
/>
|
|
</strong>,
|
|
]}
|
|
/>
|
|
</p>
|
|
<div className="module-message-request-actions__buttons">
|
|
<button
|
|
type="button"
|
|
onClick={() => {
|
|
setMrState(MessageRequestState.deleting);
|
|
}}
|
|
tabIndex={0}
|
|
className={classNames(
|
|
'module-message-request-actions__buttons__button',
|
|
'module-message-request-actions__buttons__button--deny'
|
|
)}
|
|
>
|
|
{i18n('MessageRequests--delete')}
|
|
</button>
|
|
{isBlocked ? (
|
|
<button
|
|
type="button"
|
|
onClick={() => {
|
|
setMrState(MessageRequestState.unblocking);
|
|
}}
|
|
tabIndex={0}
|
|
className={classNames(
|
|
'module-message-request-actions__buttons__button',
|
|
'module-message-request-actions__buttons__button--accept'
|
|
)}
|
|
>
|
|
{i18n('MessageRequests--unblock')}
|
|
</button>
|
|
) : (
|
|
<button
|
|
type="button"
|
|
onClick={() => {
|
|
setMrState(MessageRequestState.blocking);
|
|
}}
|
|
tabIndex={0}
|
|
className={classNames(
|
|
'module-message-request-actions__buttons__button',
|
|
'module-message-request-actions__buttons__button--deny'
|
|
)}
|
|
>
|
|
{i18n('MessageRequests--block')}
|
|
</button>
|
|
)}
|
|
{!isBlocked ? (
|
|
<button
|
|
type="button"
|
|
onClick={onAccept}
|
|
tabIndex={0}
|
|
className={classNames(
|
|
'module-message-request-actions__buttons__button',
|
|
'module-message-request-actions__buttons__button--accept'
|
|
)}
|
|
>
|
|
{i18n('MessageRequests--accept')}
|
|
</button>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|