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

Virtualize Messages List - only render what's visible

Browse source
This commit is contained in:
Scott Nonnenberg 2019-05-31 15:42:01 -07:00
parent a976cfe6b6
commit 5ebd8bc690
73 changed files with 4717 additions and 2745 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,14 +9,14 @@ import { LocalizerType } from '../../types/Util';
interface Props {
avatarPath?: string;
color: string;
name: string;
name?: string;
phoneNumber: string;
profileName: string;
conversationType: string;
profileName?: string;
conversationType: 'group' | 'direct';
i18n: LocalizerType;
}
export class TypingBubble extends React.Component<Props> {
export class TypingBubble extends React.PureComponent<Props> {
public renderAvatar() {
const {
avatarPath,
@ -49,10 +49,17 @@ export class TypingBubble extends React.Component<Props> {
}
public render() {
const { i18n, color } = this.props;
const { i18n, color, conversationType } = this.props;
const isGroup = conversationType === 'group';
return (
<div className={classNames('module-message', 'module-message--incoming')}>
<div
className={classNames(
'module-message',
'module-message--incoming',
isGroup ? 'module-message--group' : null
)}
>
<div
className={classNames(
'module-message__container',