Proyectos de Subversion LeadersLinked - Backend

/* 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} {CHAT_LABELS.NEW_MESSAGES} |{contact.last_message.split(' ')[0]}{timeOptions[contact.last_message.split(' ')[1]]}</p>}
            </div>
        </div>
  )
}

export default ContactItem