Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15824 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15801 stevensc 1 
import React from "react";
15824 stevensc 2 
import EmptySection from "../../../shared/empty-section/EmptySection";
11347 nelberth 3 
 
4 
export default ({ conversations, onClick, selectedConversation }) => {
15801 stevensc 5 
  return (
15824 stevensc 6 
    <aside className="chat_contacts">
7 
      <h2 className="chat-title">Personas y grupos</h2>
8 
      <div className="messages-list">
9 
        {!conversations ? (
10 
          <EmptySection message="Sin conversaciones" align="left" />
11 
        ) : (
12 
          <ul>
13 
            {conversations.map((element, index) => (
15801 stevensc 14 
              <li
15824 stevensc 15 
                key={index}
15801 stevensc 16 
                className={selectedConversation === element && "active"}
17 
                onClick={() => onClick(element)}
18 
              >
15810 stevensc 19 
                <div className="usr-msg-details">
15824 stevensc 20 
                  <div
21 
                    className={`usr-ms-img ${
22 
                      element.online ? "online" : "offline"
23 
                    }`}
24 
                  >
25 
                    <a href={element.image} target="_blank">
16027 stevensc 26 
                      <img
27 
                        src={element.image || "/images/users-group.png"}
28 
                        alt={element.name}
29 
                      />
15824 stevensc 30 
                    </a>
15801 stevensc 31 
                  </div>
32 
                  <div className="usr-mg-info">
33 
                    <h3>{element.name}</h3>
34 
                  </div>
35 
                </div>
36 
              </li>
15824 stevensc 37 
            ))}
38 
          </ul>
15801 stevensc 39 
        )}
15824 stevensc 40 
      </div>
41 
    </aside>
15801 stevensc 42 
  );
43 
};