Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { useSelector } from 'react-redux'

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

const ContactItem = ({ contact, onClick }) => {
  const labels = useSelector(({ intl }) => intl.labels)
  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} {labels.new_messages} |
            {contact.last_message.split(' ')[0]}
            {timeOptions[contact.last_message.split(' ')[1]]}
          </p>
        )}
      </div>
    </div>
  )
}

export default ContactItem