Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 778 | Rev 822 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
821 stevensc 1 
import React, { useState } from 'react'
1 www 2 
 
821 stevensc 3 
export default ({ conversations = [], onClick, selectedConversation, searchActive }) => {
4 
 
5 
    const [conversationSearch, setConversationSearch] = useState('');
6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
7 
 
8 
    return (
1 www 9 
        <div className="messages-list">
821 stevensc 10 
            <input
11 
                type="search"
12 
                className={`form-control ${!searchActive && 'hide'}`}
13 
                onChange={(e) => setConversationSearch(e.target.value)}
14 
            />
1 www 15 
            <ul>
16 
                {
17 
                    (conversations && conversations.length)
821 stevensc 18 
                        ?
1 www 19 
                        conversations.map((element, i) => {
821 stevensc 20 
                            return (
1 www 21 
                                <li
22 
                                    id={i}
167 steven 23 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
24 
                                    style={{
25 
                                        padding: '.7rem'
26 
                                    }}
1 www 27 
                                    onClick={() => onClick(element)}
28 
                                >
29 
                                    <div className="usr-msg-details">
30 
                                        <div className="usr-ms-img">
31 
                                            <img src={element.image} alt={element.name} />
32 
                                        </div>
33 
                                        <div className="usr-mg-info">
34 
                                            <h3>{element.name}</h3>
35 
                                        </div>
36 
                                        <span className="posted_time"> {element.last_message} </span>
37 
                                        {
821 stevensc 38 
                                            !!element.count_unread && parseInt(element.count_unread) > 0 && (
1 www 39 
                                                <span className="msg-notifc">
40 
                                                    {element.count_unread}
41 
                                                </span>
42 
                                            )
43 
                                        }
44 
                                    </div>
45 
                                </li>
46 
                            )
47 
                        })
821 stevensc 48 
                        :
49 
                        <li className="active">
50 
                            <div className="usr-msg-details">
51 
                                <div className="usr-mg-info">
52 
                                    <h3>Sin conversaciones</h3>
53 
                                </div>
1 www 54 
                            </div>
821 stevensc 55 
                        </li>
1 www 56 
 
57 
                }
58 
            </ul>
59 
        </div>
60 
    )
61 
}