Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 831 Rev 835
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ conversations = [], onClick, selectedConversation, searchActive }) => {
 3 
export default ({ conversations = [], onClick, selectedConversation, searchActive, showConversation, handleShowConversation }) => {
4 
 
 4 
 
Línea 5... Línea 5...
5 
    const [conversationSearch, setConversationSearch] = useState('');
 5 
    const [conversationSearch, setConversationSearch] = useState('');
Línea 13... Línea 13...
13 
                    className='form-control'
 13 
                    className='form-control'
14 
                    placeholder='Buscar conversación'
 14 
                    placeholder='Buscar conversación'
15 
                    onChange={(e) => setConversationSearch(e.target.value)}
 15 
                    onChange={(e) => setConversationSearch(e.target.value)}
16 
                />
 16 
                />
17 
            </div>
 17 
            </div>
18 
            <ul>
 18 
            <ul className={`${showConversation && 'hide'}`}>
19 
                {
 19 
                {
20 
                    (conversations)
 20 
                    (conversations)
21 
                        ?
 21 
                        ?
22 
                        filtredConversations.map((element, i) => {
 22 
                        filtredConversations.map((element, i) => {
23 
                            return (
 23 
                            return (
Línea 25... Línea 25...
25 
                                    id={i}
 25 
                                    id={i}
26 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
 26 
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
27 
                                    style={{
 27 
                                    style={{
28 
                                        padding: '.7rem'
 28 
                                        padding: '.7rem'
29 
                                    }}
 29 
                                    }}
- 
 
 30 
                                    onClick={() => {
30 
                                    onClick={() => onClick(element)}
 31 
                                        onClick(element)
- 
 
 32 
                                        handleShowConversation(true)
- 
 
 33 
                                    }}
31 
                                >
 34 
                                >
32 
                                    <div className="usr-msg-details">
 35 
                                    <div className="usr-msg-details">
33 
                                        <div className="usr-ms-img">
 36 
                                        <div className="usr-ms-img">
34 
                                            <img src={element.image} alt={element.name} />
 37 
                                            <img src={element.image} alt={element.name} />
35 
                                        </div>
 38 
                                        </div>