vnext/src/ui/Contact.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import React from 'react';
import PropTypes from 'prop-types';
import { UserType } from './Types';

import Avatar from './Avatar';

function Contact({ user, style, ...rest }) {
    return (
        <Avatar user={user} link={`/pm/${user.uname}`} style={style}>
            {user.unreadCount && <span className="badge">{user.unreadCount}</span>}
            <div className="msg-ts">{user.lastMessageText}</div>
        </Avatar>
    );
}

export default React.memo(Contact);

Contact.propTypes = {
    user: UserType,
    style: PropTypes.object
};