Proyectos de Subversion LeadersLinked - Backend

import React from "react";
import EmptySection from "../../../shared/empty-section/EmptySection";

export default ({ conversations, onClick, selectedConversation }) => {
  return (
    <aside className="chat_contacts">
      <h2 className="chat-title">Personas y grupos</h2>
      <div className="messages-list">
        {!conversations ? (
          <EmptySection message="Sin conversaciones" align="left" />
        ) : (
          <ul>
            {conversations.map((element, index) => (
              <li
                key={index}
                className={selectedConversation === element && "active"}
                onClick={() => onClick(element)}
              >
                <div className="usr-msg-details">
                  <div
                    className={`usr-ms-img ${
                      element.online ? "online" : "offline"
                    }`}
                  >
                    <a href={element.image} target="_blank">
                      <img
                        src={element.image || "/images/users-group.png"}
                        alt={element.name}
                      />
                    </a>
                  </div>
                  <div className="usr-mg-info">
                    <h3>{element.name}</h3>
                  </div>
                </div>
              </li>
            ))}
          </ul>
        )}
      </div>
    </aside>
  );
};