Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15810 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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