Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2540 | Rev 2542 | 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 
 
2539 stevensc 3 
export default ({ conversations = [], click, selectedConversation, showConversation, handleShowConversation }) => {
821 stevensc 4 
 
5 
    const [conversationSearch, setConversationSearch] = useState('');
6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
2539 stevensc 7 
 
841 stevensc 8 
    const handleConversation = (element) => {
845 stevensc 9 
        handleShowConversation(true);
842 stevensc 10 
        click(element)
841 stevensc 11 
    }
2539 stevensc 12 
 
13 
    const getLastMessage = () => {
14 
 
2541 stevensc 15 
        filtredConversations.forEach(option => console.log(option))
16 
 
2539 stevensc 17 
        const nullTimeOptions = filtredConversations.filter(option => !option.time)
18 
 
19 
        const nowTimeOptions = filtredConversations.filter(option => option.time === 'Ahora')
20 
 
21 
 
22 
        return [
23 
            ...nowTimeOptions,
24 
            ...nullTimeOptions
25 
        ]
26 
    }
27 
 
821 stevensc 28 
    return (
2539 stevensc 29 
        <div className="">
1870 steven 30 
            {/*  messages-list */}
31 
            {/* <div className={`messages_conversation-search ${!searchActive && 'hide'}`}>
822 stevensc 32 
                <input
33 
                    type="search"
34 
                    className='form-control'
831 stevensc 35 
                    placeholder='Buscar conversación'
822 stevensc 36 
                    onChange={(e) => setConversationSearch(e.target.value)}
37 
                />
1870 steven 38 
            </div> */}
837 stevensc 39 
            <ul className={`${showConversation && 'msgs-hide'}`}>
1 www 40 
                {
825 stevensc 41 
                    (conversations)
821 stevensc 42 
                        ?
2539 stevensc 43 
                        getLastMessage().map((element, i) => {
821 stevensc 44 
                            return (
1 www 45 
                                <li
46 
                                    id={i}
167 steven 47 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
48 
                                    style={{
49 
                                        padding: '.7rem'
50 
                                    }}
835 stevensc 51 
                                    onClick={() => {
841 stevensc 52 
                                        handleConversation(element);
835 stevensc 53 
                                    }}
1 www 54 
                                >
1871 steven 55 
                                    <div className="usr-msg-details d-flex justify-content-start align-items-center">
1 www 56 
                                        <div className="usr-ms-img">
57 
                                            <img src={element.image} alt={element.name} />
58 
                                        </div>
59 
                                        <div className="usr-mg-info">
60 
                                            <h3>{element.name}</h3>
1873 steven 61 
                                            {
62 
                                                !!element.count_unread && parseInt(element.count_unread) > 0 && (
1874 steven 63 
                                                    <p className="text-gray"> {element.count_unread} mensajes nuevos | <span> {element.last_message} </span></p>
1873 steven 64 
                                                )
65 
                                            }
1 www 66 
                                        </div>
1872 steven 67 
                                        {/* {
821 stevensc 68 
                                            !!element.count_unread && parseInt(element.count_unread) > 0 && (
1 www 69 
                                                <span className="msg-notifc">
70 
                                                    {element.count_unread}
71 
                                                </span>
72 
                                            )
1872 steven 73 
                                        } */}
1 www 74 
                                    </div>
75 
                                </li>
76 
                            )
77 
                        })
821 stevensc 78 
                        :
79 
                        <li className="active">
80 
                            <div className="usr-msg-details">
81 
                                <div className="usr-mg-info">
82 
                                    <h3>Sin conversaciones</h3>
83 
                                </div>
1 www 84 
                            </div>
821 stevensc 85 
                        </li>
1 www 86 
 
87 
                }
88 
            </ul>
89 
        </div>
90 
    )
91 
}