Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev Autor Línea Nro. Línea
15804 stevensc 1 
import React, { useState } from "react";
13044 nelberth 2 
 
15804 stevensc 3 
export default ({
4 
  conversations = [],
5 
  click,
6 
  selectedConversation,
7 
  searchActive,
8 
  showConversation,
9 
  handleShowConversation,
10 
}) => {
11 
  const [conversationSearch, setConversationSearch] = useState("");
12 
  const filtredConversations = conversations.filter((conversation) =>
13 
    conversation.name.includes(conversationSearch)
14 
  );
13044 nelberth 15 
 
15804 stevensc 16 
  const handleConversation = (element) => {
17 
    handleShowConversation(true);
18 
    click(element);
19 
  };
13044 nelberth 20 
 
15804 stevensc 21 
  return (
22 
    <div className="">
23 
      <ul className={`${showConversation && "msgs-hide"}`}>
24 
        {conversations ? (
25 
          filtredConversations.map((element, i) => {
26 
            return (
27 
              <li
28 
                id={i}
29 
                className={
30 
                  (selectedConversation === element ? "active" : "") +
31 
                  "d-flex align-items-center"
13044 nelberth 32 
                }
15804 stevensc 33 
                style={{
34 
                  padding: ".7rem",
35 
                }}
36 
                onClick={() => {
37 
                  handleConversation(element);
38 
                }}
39 
              >
40 
                <div className="usr-msg-details">
41 
                  <div className="usr-ms-img">
42 
                    <img src={element.image} alt={element.name} />
43 
                  </div>
44 
                  <div className="usr-mg-info">
45 
                    <h3>{element.name}</h3>
46 
                    {!!element.count_unread &&
47 
                      parseInt(element.count_unread) > 0 && (
48 
                        <p className="text-gray">
49 
                          {" "}
50 
                          {element.count_unread} mensajes nuevos |{" "}
51 
                          <span> {element.last_message} </span>
52 
                        </p>
53 
                      )}
54 
                  </div>
55 
                </div>
56 
              </li>
57 
            );
58 
          })
59 
        ) : (
60 
          <li className="active">
61 
            <div className="usr-msg-details">
62 
              <div className="usr-mg-info">
63 
                <h3>Sin conversaciones</h3>
64 
              </div>
65 
            </div>
66 
          </li>
67 
        )}
68 
      </ul>
69 
    </div>
70 
  );
71 
};