diff --git a/ts/components/conversation/ExpireTimer.tsx b/ts/components/conversation/ExpireTimer.tsx index aba2d5fc9..351a26ae6 100644 --- a/ts/components/conversation/ExpireTimer.tsx +++ b/ts/components/conversation/ExpireTimer.tsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; -import { getIncrement, getTimerBucketIcon } from '../../util/timer'; +import { getTimerBucketIcon } from '../../util/timer'; import { useInterval } from '../../hooks/useInterval'; import styled, { DefaultTheme } from 'styled-components'; import { OpacityMetadataComponent } from './message/MessageMetadata'; @@ -23,6 +23,7 @@ const ExpireTimerCount = styled(props => ( letter-spacing: 0.3px; text-transform: uppercase; user-select: none; + color: ${props => props.color}; `; const ExpireTimerBucket = styled(props => ( @@ -34,6 +35,7 @@ const ExpireTimerBucket = styled(props => ( letter-spacing: 0.3px; text-transform: uppercase; user-select: none; + color: ${props => props.color}; `; export const ExpireTimer = (props: Props) => { @@ -65,9 +67,7 @@ export const ExpireTimer = (props: Props) => { if (timeLeft <= 60) { return ( - - {timeLeft} - + {timeLeft} ); } const bucket = getTimerBucketIcon(expirationTimestamp, expirationLength); diff --git a/ts/components/session/conversation/SessionMessagesList.tsx b/ts/components/session/conversation/SessionMessagesList.tsx index 8a0a4fc86..6e2616dcf 100644 --- a/ts/components/session/conversation/SessionMessagesList.tsx +++ b/ts/components/session/conversation/SessionMessagesList.tsx @@ -94,6 +94,7 @@ export class SessionMessagesList extends React.Component { this.setState( { showScrollButton: false, + animateQuotedMessageId: undefined, }, this.scrollToUnread ); diff --git a/ts/components/session/icon/SessionIconButton.tsx b/ts/components/session/icon/SessionIconButton.tsx index f21b2e566..454adc2b6 100644 --- a/ts/components/session/icon/SessionIconButton.tsx +++ b/ts/components/session/icon/SessionIconButton.tsx @@ -45,7 +45,9 @@ export const SessionIconButton = (props: SProps) => { iconRotation={iconRotation} theme={theme} /> - + {Boolean(notificationCount) && ( + + )} ); };