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

import Avatar from './Avatar';

export default class Contact extends React.Component {

    render() {
        const { user } = this.props;
        return (
            <>
                <Avatar user={user} link={`/pm/${user.uname}`}>
                    {user.unreadCount && <span className="badge">{user.unreadCount}</span>}
                    <div className="msg-ts">{user.lastMessageText}</div>
                </Avatar>
            </>
        );
    }
}

Contact.propTypes = {
    user: UserType
};