Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15801 | Rev 15824 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15801 stevensc 1 
import React from "react";
11347 nelberth 2 
 
3 
export default ({ conversations, onClick, selectedConversation }) => {
15801 stevensc 4 
  return (
5 
    <div className="messages-list">
6 
      <ul>
7 
        {conversations ? (
8 
          conversations.map((element, i) => {
9 
            return (
10 
              <li
11 
                key={i}
12 
                className={selectedConversation === element && "active"}
13 
                onClick={() => onClick(element)}
14 
              >
15810 stevensc 15 
                <div className="usr-msg-details">
15801 stevensc 16 
                  <div className="usr-ms-img">
17 
                    {element.image && (
18 
                      <a href={element.image} target="_blank">
19 
                        <img src={element.image} alt={element.name} />
20 
                      </a>
21 
                    )}
22 
                  </div>
23 
                  <div className="usr-mg-info">
24 
                    <h3>{element.name}</h3>
25 
                  </div>
26 
                  <div
27 
                    className={element.online ? "online-btn" : "offline-btn"}
28 
                  >
29 
                    <span>{element.online ? "Online" : "Offline"}</span>
30 
                    <i></i>
31 
                  </div>
32 
                </div>
33 
              </li>
34 
            );
35 
          })
36 
        ) : (
37 
          <li className="active">
38 
            <div className="usr-msg-details">
39 
              <div className="usr-mg-info">
40 
                <h3>Sin conversaciones</h3>
41 
              </div>
42 
            </div>
43 
          </li>
44 
        )}
45 
      </ul>
46 
    </div>
47 
  );
48 
};