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

Fix typing bubble in group chats

Browse source
This commit is contained in:
Evan Hahn 2021-01-27 21:41:41 -06:00 • committed by GitHub
parent 1b38db2d79
commit 1268945840
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

48
ts/components/conversation/TypingBubble.tsx
View file

@ -39,18 +39,20 @@ export class TypingBubble extends React.PureComponent<Props> {
} }
return ( return (
<div className="module-message__author-avatar"> <div className="module-message__author-avatar-container">
<Avatar <div className="module-message__author-avatar">
avatarPath={avatarPath} <Avatar
color={color} avatarPath={avatarPath}
conversationType="direct" color={color}
i18n={i18n} conversationType="direct"
name={name} i18n={i18n}
phoneNumber={phoneNumber} name={name}
profileName={profileName} phoneNumber={phoneNumber}
title={title} profileName={profileName}
size={28} title={title}
/> size={28}
/>
</div>
</div> </div>
); );
} }
@ -67,17 +69,19 @@ export class TypingBubble extends React.PureComponent<Props> {
isGroup ? 'module-message--group' : null isGroup ? 'module-message--group' : null
)} )}
> >
<div {this.renderAvatar()}
className={classNames( <div className="module-message__container-outer">
'module-message__container', <div
'module-message__container--incoming', className={classNames(
`module-message__container--incoming-${color}` 'module-message__container',
)} 'module-message__container--incoming',
> `module-message__container--incoming-${color}`
<div className="module-message__typing-container"> )}
<TypingAnimation color="light" i18n={i18n} /> >
<div className="module-message__typing-container">
<TypingAnimation color="light" i18n={i18n} />
</div>
</div> </div>
{this.renderAvatar()}
</div> </div>
</div> </div>
); );