Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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