Message Requests

This commit is contained in:
Ken Powers 2020-05-27 17:37:06 -04:00 committed by Scott Nonnenberg
parent 4d4b7a26a5
commit 83574eb067
60 changed files with 2566 additions and 216 deletions

View file

@ -0,0 +1,156 @@
import * as React from 'react';
import { ContactName, Props as ContactNameProps } from './ContactName';
import { ConfirmationModal } from '../ConfirmationModal';
import { Intl } from '../Intl';
import { LocalizerType } from '../../types/Util';
export enum MessageRequestState {
blocking,
deleting,
unblocking,
default,
}
export type Props = {
i18n: LocalizerType;
conversationType: 'group' | 'direct';
isBlocked?: boolean;
onBlock(): unknown;
onBlockAndDelete(): unknown;
onUnblock(): unknown;
onDelete(): unknown;
state: MessageRequestState;
onChangeState(state: MessageRequestState): unknown;
} & Omit<ContactNameProps, 'module'>;
// tslint:disable-next-line: max-func-body-length
export const MessageRequestActionsConfirmation = ({
i18n,
name,
profileName,
phoneNumber,
conversationType,
onBlock,
onBlockAndDelete,
onUnblock,
onDelete,
state,
onChangeState,
}: Props) => {
if (state === MessageRequestState.blocking) {
return (
// tslint:disable-next-line: use-simple-attributes
<ConfirmationModal
i18n={i18n}
onClose={() => {
onChangeState(MessageRequestState.default);
}}
title={
<Intl
i18n={i18n}
id={`MessageRequests--block-${conversationType}-confirm-title`}
components={[
<ContactName
key="name"
name={name}
profileName={profileName}
phoneNumber={phoneNumber}
/>,
]}
/>
}
actions={[
{
text: i18n('MessageRequests--block'),
action: onBlock,
style: 'negative',
},
{
text: i18n('MessageRequests--block-and-delete'),
action: onBlockAndDelete,
style: 'negative',
},
]}
>
{i18n(`MessageRequests--block-${conversationType}-confirm-body`)}
</ConfirmationModal>
);
}
if (state === MessageRequestState.unblocking) {
return (
// tslint:disable-next-line: use-simple-attributes
<ConfirmationModal
i18n={i18n}
onClose={() => {
onChangeState(MessageRequestState.default);
}}
title={
<Intl
i18n={i18n}
id={'MessageRequests--unblock-confirm-title'}
components={[
<ContactName
key="name"
name={name}
profileName={profileName}
phoneNumber={phoneNumber}
/>,
]}
/>
}
actions={[
{
text: i18n('MessageRequests--unblock'),
action: onUnblock,
style: 'affirmative',
},
{
text: i18n('MessageRequests--delete'),
action: onDelete,
style: 'negative',
},
]}
>
{i18n(`MessageRequests--unblock-${conversationType}-confirm-body`)}
</ConfirmationModal>
);
}
if (state === MessageRequestState.deleting) {
return (
// tslint:disable-next-line: use-simple-attributes
<ConfirmationModal
i18n={i18n}
onClose={() => {
onChangeState(MessageRequestState.default);
}}
title={
<Intl
i18n={i18n}
id={`MessageRequests--delete-${conversationType}-confirm-title`}
components={[
<ContactName
key="name"
name={name}
profileName={profileName}
phoneNumber={phoneNumber}
/>,
]}
/>
}
actions={[
{
text: i18n(`MessageRequests--delete-${conversationType}`),
action: onDelete,
style: 'negative',
},
]}
>
{i18n(`MessageRequests--delete-${conversationType}-confirm-body`)}
</ConfirmationModal>
);
}
return null;
};