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