mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Show expiration timer for incoming messages even if unread

Browse source
This commit is contained in:
Scott Nonnenberg 2022-04-14 11:06:37 -07:00 • committed by GitHub
parent c1682a98cc
commit f572abf57d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/components/conversation/Message.stories.tsx
View file

@ -390,7 +390,7 @@ story.add('Will expire but still sending', () => {
const props = createProps({ const props = createProps({
status: 'sending', status: 'sending',
expirationLength: 30 * 1000, expirationLength: 30 * 1000,
text: 'For outgoing messages, we show timer immediately. Incoming, we wait until expirationStartTimestamp is present.', text: 'We always show the timer if a message has an expiration length, even if unread or still sending.',
}); });
return renderBothDirections(props); return renderBothDirections(props);

7
ts/components/conversation/Message.tsx
View file

@ -599,14 +599,11 @@ export class Message extends React.PureComponent<Props, State> {
* because it can reduce layout jumpiness. * because it can reduce layout jumpiness.
*/ */
private guessMetadataWidth(): number { private guessMetadataWidth(): number {
const { direction, expirationLength, expirationTimestamp, status } = const { direction, expirationLength, status } = this.props;
this.props;
let result = GUESS_METADATA_WIDTH_TIMESTAMP_SIZE; let result = GUESS_METADATA_WIDTH_TIMESTAMP_SIZE;
const hasExpireTimer = Boolean( const hasExpireTimer = Boolean(expirationLength);
expirationLength && (expirationTimestamp || direction === 'outgoing')
);
if (hasExpireTimer) { if (hasExpireTimer) {
result += GUESS_METADATA_WIDTH_EXPIRE_TIMER_SIZE; result += GUESS_METADATA_WIDTH_EXPIRE_TIMER_SIZE;
} }

2
ts/components/conversation/MessageMetadata.tsx
View file

@ -126,7 +126,7 @@ export const MessageMetadata = ({
const children = ( const children = (
<> <>
{timestampNode} {timestampNode}
{expirationLength && (expirationTimestamp || direction === 'outgoing') ? ( {expirationLength ? (
<ExpireTimer <ExpireTimer
direction={metadataDirection} direction={metadataDirection}
deletedForEveryone={deletedForEveryone} deletedForEveryone={deletedForEveryone}