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