diff --git a/ts/components/conversation/Message.stories.tsx b/ts/components/conversation/Message.stories.tsx index 9787aa1979..a1f01fe1ea 100644 --- a/ts/components/conversation/Message.stories.tsx +++ b/ts/components/conversation/Message.stories.tsx @@ -480,6 +480,19 @@ story.add('Deleted', () => { return renderBothDirections(props); }); +story.add('Deleted with expireTimer', () => { + const props = createProps({ + timestamp: Date.now() - 60 * 1000, + conversationType: 'group', + deletedForEveryone: true, + expirationLength: 5 * 60 * 1000, + expirationTimestamp: Date.now() + 3 * 60 * 1000, + status: 'sent', + }); + + return renderBothDirections(props); +}); + story.add('Can delete for everyone', () => { const props = createProps({ status: 'read', diff --git a/ts/components/conversation/Message.tsx b/ts/components/conversation/Message.tsx index 5b11b9339b..9a425662b6 100644 --- a/ts/components/conversation/Message.tsx +++ b/ts/components/conversation/Message.tsx @@ -587,6 +587,7 @@ export class Message extends React.PureComponent { const { attachments, collapseMetadata, + deletedForEveryone, direction, expirationLength, expirationTimestamp, @@ -613,6 +614,7 @@ export class Message extends React.PureComponent { return ( { const { isTapToView, deletedForEveryone } = this.props; if (deletedForEveryone) { - return this.renderText(); + return ( + <> + {this.renderText()} + {this.renderMetadata()} + + ); } if (isTapToView) { diff --git a/ts/components/conversation/MessageMetadata.tsx b/ts/components/conversation/MessageMetadata.tsx index abc8e61fe7..ff4de6cf24 100644 --- a/ts/components/conversation/MessageMetadata.tsx +++ b/ts/components/conversation/MessageMetadata.tsx @@ -11,6 +11,7 @@ import { Timestamp } from './Timestamp'; import { Spinner } from '../Spinner'; type PropsType = { + deletedForEveryone?: boolean; direction: DirectionType; expirationLength?: number; expirationTimestamp?: number; @@ -28,6 +29,7 @@ type PropsType = { export const MessageMetadata: FunctionComponent = props => { const { + deletedForEveryone, direction, expirationLength, expirationTimestamp, @@ -130,7 +132,8 @@ export const MessageMetadata: FunctionComponent = props => { ) : null} - {!textPending && + {!deletedForEveryone && + !textPending && direction === 'outgoing' && status !== 'error' && status !== 'partial-sent' ? (