Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4355 Rev 4356
Línea 11... Línea 11...
11 
    selectedConversation = null,
 11 
    selectedConversation = null,
12 
    setConversation = function () { },
 12 
    setConversation = function () { },
13 
}) => {
 13 
}) => {
14 
    const [conversations, setConversations] = useState([])
 14 
    const [conversations, setConversations] = useState([])
15 
    const [searchActive, setSearchActive] = useState(false)
 15 
    const [searchActive, setSearchActive] = useState(false)
16 
    const [search, setSearch] = useState('')
 - 
 
17 
    const [visible, setVisible] = useState(false)
 16 
    const [visible, setVisible] = useState(false)
Línea 18... Línea -...
18 
 
 - 
 
19 
    const searchConversation = (value) => setSearch(value)
 17 
 
Línea 20... Línea 18...
20 
    const filterConversations = () => conversations.filter(conversation => conversation.name === search)
 18 
    const filterData = (value) => setConversations((prevConversations) => prevConversations.filter(conversation => conversation.name === value))
21 
 
 19 
 
22 
    const load = async () => {
 20 
    const load = async () => {
23 
        try {
 21 
        try {
Línea 54... Línea 52...
54 
            <div className="chat_contacts">
 52 
            <div className="chat_contacts">
55 
                <h1 className='chat-title'>Personas</h1>
 53 
                <h1 className='chat-title'>Personas</h1>
56 
                <div className="msgs_icons-container">
 54 
                <div className="msgs_icons-container">
57 
                    <div
 55 
                    <div
58 
                        className={`contact__search ${searchActive && 'show'}`}
 56 
                        className={`contact__search ${searchActive && 'show'}`}
59 
                        onClick={() => setSearchActive(!searchActive)}
 - 
 
60 
                    >
 57 
                    >
61 
                        <SearchIcon />
 58 
                        <SearchIcon onClick={() => setSearchActive(!searchActive)} />
62 
                        <input
 59 
                        <input
63 
                            type='text'
 60 
                            type='text'
64 
                            placeholder='Buscar'
 61 
                            placeholder='Buscar'
65 
                            onChange={(e) => searchConversation(e.target.value)}
 62 
                            onChange={(e) => filterData(e.target.value)}
66 
                        />
 63 
                        />
67 
                    </div>
 64 
                    </div>
68 
                    <i
 65 
                    <i
69 
                        className='fa fa-plus icon text-gray'
 66 
                        className='fa fa-plus icon text-gray'
70 
                        onClick={() => setVisible(true)}
 67 
                        onClick={() => setVisible(true)}
71 
                    />
 68 
                    />
72 
                </div>
 69 
                </div>
73 
                {!conversations.length
 70 
                {!conversations.length
74 
                    ? <EmptySection message='Sin conversaciones' />
 71 
                    ? <EmptySection message='Sin conversaciones' />
75 
                    : <ul className='messages-list'>
 72 
                    : <ul className='messages-list'>
76 
                        {filterConversations().map((element, i) => {
 73 
                        {conversations.map((element, i) => {
77 
                            return (
 74 
                            return (
78 
                                <li key={i} onClick={() => setConversation(element)}>
 75 
                                <li key={i} onClick={() => setConversation(element)}>
79 
                                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
 76 
                                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
80 
                                        <div className="usr-ms-img">
 77 
                                        <div className="usr-ms-img">
81 
                                            <img src={element.image} alt={element.name} />
 78 
                                            <img src={element.image} alt={element.name} />