Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React from 'react'

import EmptySection from '../../../shared/empty-section/EmptySection'

const ContactsList = ({

  conversations = [],

  selectedConversation,

  onClick,

}) => {

  if (!conversations.length) {

    return <EmptySection message="Sin conversaciones" />

  }

  return (

    <ul className="messages-list">

      {conversations.map((element, i) => (

        <li key={i} onClick={() => onClick(element)}>

          <ContactsList.Item

            isSelected={element?.name === selectedConversation?.name}

            {...element}

          />

        </li>

      ))}

    </ul>

  )

}

const Item = ({ image, name, profile, isSelected }) => {

  return (

    <div className={`usr-msg-details ${isSelected && 'is_selected'}`}>

      <div className="usr-ms-img">

        {image ? (

          <a href={profile} target="_blank" rel="noreferrer">

            <img src={image} alt={name} />

          </a>

        ) : (

          <img

            className="chat-image img-circle pull-left"

            height="36"

            width="36"

            src="/images/users-group.png"

            alt="image-image"

          />

        )}

      </div>

      <div className="usr-mg-info">

        <h3>{name}</h3>

      </div>

    </div>

  )

}

ContactsList.Item = Item

export default ContactsList