Change duration to countdown in MessageAudio

Message Audio UI should display remaining time not the duration of the
audio.
This commit is contained in:
Fedor Indutny 2021-03-22 11:15:59 -07:00 committed by GitHub
parent 544e20e1d8
commit d6063d71e5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 5 deletions

View file

@ -523,6 +523,8 @@ export const MessageAudio: React.FC<Props> = (props: Props) => {
);
}
const countDown = duration - currentTime;
return (
<div
className={classNames(
@ -534,7 +536,7 @@ export const MessageAudio: React.FC<Props> = (props: Props) => {
>
{button}
{waveform}
<div className={`${CSS_BASE}__duration`}>{timeToText(duration)}</div>
<div className={`${CSS_BASE}__countdown`}>{timeToText(countDown)}</div>
</div>
);
};