Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
1 www 1 
import React from 'react'
2 
 
3 
export default ({conversations, onClick, selectedConversation}) => {
4 
    return(
5 
        <div className="messages-list">
6 
            <ul>
7 
                {
8 
                    (conversations && conversations.length)
9 
                    ?
10 
                        conversations.map((element, i) => {
11 
                            return(
12 
                                <li
13 
                                    id={i}
167 steven 14 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
15 
                                    style={{
16 
                                        padding: '.7rem'
17 
                                    }}
1 www 18 
                                    onClick={() => onClick(element)}
19 
                                >
20 
                                    <div className="usr-msg-details">
21 
                                        <div className="usr-ms-img">
22 
                                            <img src={element.image} alt={element.name} />
23 
                                        </div>
24 
                                        <div className="usr-mg-info">
25 
                                            <h3>{element.name}</h3>
26 
                                        </div>
27 
                                        <span className="posted_time"> {element.last_message} </span>
28 
                                        {
29 
                                            !!element.count_unread &&  parseInt(element.count_unread) > 0 &&  (
30 
                                                <span className="msg-notifc">
31 
                                                    {element.count_unread}
32 
                                                </span>
33 
                                            )
34 
                                        }
35 
                                    </div>
36 
                                </li>
37 
                            )
38 
                        })
39 
                    :
40 
                    <li className="active">
41 
                        <div className="usr-msg-details">
42 
                            <div className="usr-mg-info">
43 
                                <h3>Sin conversaciones</h3>
44 
                            </div>
45 
                        </div>
46 
                    </li>
47 
 
48 
                }
49 
            </ul>
50 
        </div>
51 
    )
52 
}