Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 840 Rev 841
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ conversations = [], onClick, selectedConversation, searchActive, showConversation, handleShowConversation }) => {
 3 
export default ({ conversations = [], onClick, selectedConversation, searchActive, showConversation, handleShowConversation }) => {
4 
 
 4 
 
- 
 
 5 
    const [conversationSearch, setConversationSearch] = useState('');
5 
    const [conversationSearch, setConversationSearch] = useState('');
 6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
6 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(conversationSearch))
 7
- 
 
 8 
    const handleConversation = (element) => {
- 
 
 9 
        handleShowConversation(prev => prev = true);
7 
    console.log(handleShowConversation);
 10 
        onClick(element)
8 
    console.log(showConversation);
 11 
    }
9 
    return (
 12 
    return (
10 
        <div className="messages-list">
 13 
        <div className="messages-list">
11 
            <div className={`messages_conversation-search ${!searchActive && 'hide'}`}>
 14 
            <div className={`messages_conversation-search ${!searchActive && 'hide'}`}>
Línea 27... Línea 30...
27 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
 30 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
28 
                                    style={{
 31 
                                    style={{
29 
                                        padding: '.7rem'
 32 
                                        padding: '.7rem'
30 
                                    }}
 33 
                                    }}
31 
                                    onClick={() => {
 34 
                                    onClick={() => {
32 
                                        handleShowConversation(true);
 35 
                                        handleConversation(element);
33 
                                        onClick(element);
 - 
 
34 
                                    }}
 36 
                                    }}
35 
                                >
 37 
                                >
36 
                                    <div className="usr-msg-details">
 38 
                                    <div className="usr-msg-details">
37 
                                        <div className="usr-ms-img">
 39 
                                        <div className="usr-ms-img">
38 
                                            <img src={element.image} alt={element.name} />
 40 
                                            <img src={element.image} alt={element.name} />