Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2757 Rev 3769
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useState } from 'react'
 2 
import React from 'react'
Línea 2... Línea 3...
2 
 
 3 
 
3 
export default ({ conversations = [], click, selectedConversation, handleShowConversation }) => {
 - 
 
4 
 
 - 
 
5 
    const [conversationSearch, setConversationSearch] = useState('');
 - 
 
Línea 6... Línea 4...
6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
 4 
const Sidebar = ({ conversations = [], click, selectedConversation, handleShowConversation }) => {
7 
 
 5 
 
8 
    const handleConversation = (element) => {
 6 
    const handleConversation = (element) => {
9 
        handleShowConversation(true);
 7 
        handleShowConversation(true);
Línea 10... Línea 8...
10 
        click(element)
 8 
        click(element)
11 
    }
 9 
    }
12 
 
 - 
 
13 
    return (
 - 
 
14 
        <div style={{ overflowY: 'scroll' }} >
 - 
 
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)}
 10 
 
22 
                />
 - 
 
23 
            </div> */}
 11 
    return (
24 
            <ul>
 - 
 
25 
                {
 12 
        <div style={{ overflowY: 'scroll' }} > F
26 
                    (conversations)
 13 
            <ul>
27 
                        ?
 - 
 
28 
                        filtredConversations.reverse().map((element, i) => {
 - 
 
29 
                            return (
 - 
 
30 
                                <li
 14 
                {conversations
31 
                                    id={i}
 15 
                    ? conversations.reverse().map((element, i) => {
32 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
 - 
 
33 
                                    style={{
 - 
 
34 
                                        padding: '.7rem'
 16 
                        <li key={i}
35 
                                    }}
 - 
 
36 
                                    onClick={() => {
 17 
                            className='d-flex align-items-center'
37 
                                        handleConversation(element);
 18 
                            style={{ padding: '.7rem' }}
38 
                                    }}
 19 
                            onClick={() => handleConversation(element)}
39 
                                >
 20 
                        >
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 
                                            )
 21 
                            <div className={`${selectedConversation === element ? 'is_selected' : ''} usr-msg-details d-flex justify-content-start align-items-center`}>
58 
                                        } */}
 - 
 
59 
                                    </div>
 - 
 
60 
                                </li>
 - 
 
61 
                            )
 - 
 
62 
                        })
 - 
 
63 
                        :
 22 
                                <div className="usr-ms-img">
64 
                        <li className="active">
 23 
                                    <img src={element.image} alt={element.name} />
- 
 
 24 
                                </div>
- 
 
 25 
                                <div className="usr-mg-info">
- 
 
 26 
                                    <h3>{element.name}</h3>
- 
 
 27 
                                    {parseInt(element.count_unread) > 0 &&
- 
 
 28 
                                        <p className="text-gray">
65 
                            <div className="usr-msg-details">
 29 
                                            {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
66 
                                <div className="usr-mg-info">
 30 
                                        </p>
67 
                                    <h3>Sin conversaciones</h3>
 31 
                                    }
- 
 
 32 
                                </div>
- 
 
 33 
                            </div>
- 
 
 34 
                        </li>
- 
 
 35 
                    })
- 
 
 36 
                    :
- 
 
 37 
                    <li className="active">
68 
                                </div>
 - 
 
- 
 
 38 
                        <div className="usr-msg-details">
- 
 
 39 
                            <div className="usr-mg-info">
- 
 
 40 
                                <h3>Sin conversaciones</h3>
69 
                            </div>
 41 
                            </div>
70 
                        </li>
 42 
                        </div>
71 
 
 43 
                    </li>
72 
                }
 44 
                }
73 
            </ul>
 - 
 
74 
        </div>
 45 
            </ul>
- 
 
 46 
        </div >
- 
 
 47 
    )
- 
 
 48 
}
75 
    )
 49