import React from 'react';
import { UserType } from './Types';

import Avatar from './Avatar';

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

export default Contact;

Contact.propTypes = {
    user: UserType
};