jonny
/
Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix typing bubble in group chats

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