Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 13044 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 13044 Rev 15804
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from "react";
Línea -... Línea 2...
- 
 
 2 
 
- 
 
 3 
export default ({
- 
 
 4 
  conversations = [],
- 
 
 5 
  click,
- 
 
 6 
  selectedConversation,
- 
 
 7 
  searchActive,
- 
 
 8 
  showConversation,
- 
 
 9 
  handleShowConversation,
- 
 
 10 
}) => {
2 
 
 11 
  const [conversationSearch, setConversationSearch] = useState("");
- 
 
 12 
  const filtredConversations = conversations.filter((conversation) =>
- 
 
 13 
    conversation.name.includes(conversationSearch)
Línea 3... Línea -...
3 
export default ({ conversations = [], click, selectedConversation, searchActive, showConversation, handleShowConversation }) => {
 - 
 
4 
 
 - 
 
5 
    const [conversationSearch, setConversationSearch] = useState('');
 - 
 
6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
 14 
  );
7
15 
 
8 
    const handleConversation = (element) => {
 16 
  const handleConversation = (element) => {
9 
        handleShowConversation(true);
 17 
    handleShowConversation(true);
10 
        click(element)
 - 
 
11 
    }
 - 
 
12
- 
 
13 
    return (
 - 
 
14 
        <div className="">
- 
 
15 
            {/*  messages-list */}
 - 
 
16 
            {/* <div className={`messages_conversation-search ${!searchActive && 'hide'}`}>
 - 
 
17 
                <input
 - 
 
18 
                    type="search"
 - 
 
19 
                    className='form-control'
 - 
 
20 
                    placeholder='Buscar conversación'
 - 
 
21 
                    onChange={(e) => setConversationSearch(e.target.value)}
 - 
 
22 
                />
 - 
 
23 
            </div> */}
 - 
 
24 
            <ul className={`${showConversation && 'msgs-hide'}`}>
 - 
 
25 
                {
 - 
 
26 
                    (conversations)
 - 
 
27 
                        ?
 - 
 
28 
                        filtredConversations.map((element, i) => {
 - 
 
29 
                            return (
 - 
 
30 
                                <li
 - 
 
31 
                                    id={i}
 - 
 
32 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
 - 
 
33 
                                    style={{
 - 
 
34 
                                        padding: '.7rem'
 - 
 
35 
                                    }}
 - 
 
36 
                                    onClick={() => {
 - 
 
37 
                                        handleConversation(element);
 - 
 
38 
                                    }}
 - 
 
39 
                                >
 - 
 
40 
                                    <div className="usr-msg-details d-flex justify-content-start align-items-center">
 - 
 
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 
                                            {
 - 
 
47 
                                                !!element.count_unread && parseInt(element.count_unread) > 0 && (
 - 
 
48 
                                                    <p className="text-gray"> {element.count_unread} mensajes nuevos | <span> {element.last_message} </span></p>
 - 
 
49 
                                                )
 - 
 
50 
                                            }
 - 
 
51 
                                        </div>
 - 
 
52 
                                        {/* {
 - 
 
53 
                                            !!element.count_unread && parseInt(element.count_unread) > 0 && (
 - 
 
54 
                                                <span className="msg-notifc">
 - 
 
55 
                                                    {element.count_unread}
 - 
 
56 
                                                </span>
 - 
 
57 
                                            )
 - 
 
58 
                                        } */}
 - 
 
59 
                                    </div>
 - 
 
60 
                                </li>
 - 
 
61 
                            )
 - 
 
62 
                        })
 - 
 
63 
                        :
 - 
 
64 
                        <li className="active">
 - 
 
65 
                            <div className="usr-msg-details">
 - 
 
66 
                                <div className="usr-mg-info">
 - 
 
67 
                                    <h3>Sin conversaciones</h3>
 - 
 
68 
                                </div>
 - 
 
Línea -... Línea 18...
- 
 
 18 
    click(element);
- 
 
 19 
  };
- 
 
 20 
 
- 
 
 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}
69 
                            </div>
 29 
                className={
70 
                        </li>
 - 
 
71 
 
 - 
 
72 
                }
 - 
 
73 
            </ul>
 - 
 
74 
        </div>
 30 
                  (selectedConversation === element ? "active" : "") +
- 
 
 31 
                  "d-flex align-items-center"
- 
 
 32 
                }
- 
 
 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>