Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'

const timeOptions = {
    minutos: 'mn',
    horas: 'h',
    días: 'd',
    semanas: 's',
    meses: 'm',
    año: 'a',
}

const ContactItem = ({ contact, onClick }) => {
    return (
        <div className="contacts-list__item">
            <img
                className="chat-image img-circle"
                height="36"
                width="36"
                src={contact.image || '/images/users-group.png'}
                alt="image-image"
            />
            <div className="contacts-list__item-content">
                <span onClick={() => onClick(contact)}>
                    {contact.name}
                </span>
                {
                    contact.last_message &&
                    <p>
                        {contact.count_not_seen_messages} mensajes nuevos |
                        {contact.last_message.split(' ')[0]}{timeOptions[contact.last_message.split(' ')[1]]}
                    </p>
                }
            </div>
        </div>
    )
}

export default ContactItem