Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4356 Rev 4357
Línea 11... Línea 11...
11 
    selectedConversation = null,
 11 
    selectedConversation = null,
12 
    setConversation = function () { },
 12 
    setConversation = function () { },
13 
}) => {
 13 
}) => {
14 
    const [conversations, setConversations] = useState([])
 14 
    const [conversations, setConversations] = useState([])
15 
    const [searchActive, setSearchActive] = useState(false)
 15 
    const [searchActive, setSearchActive] = useState(false)
- 
 
 16 
    const [search, setSearch] = useState('')
16 
    const [visible, setVisible] = useState(false)
 17 
    const [visible, setVisible] = useState(false)
Línea -... Línea 18...
- 
 
 18 
 
17 
 
 19 
 
Línea 18... Línea 20...
18 
    const filterData = (value) => setConversations((prevConversations) => prevConversations.filter(conversation => conversation.name === value))
 20 
    const filtredConversations = conversations.filter((conversation) => conversation.name.includes(search))
19 
 
 21 
 
20 
    const load = async () => {
 22 
    const load = async () => {
21 
        try {
 23 
        try {
Línea 57... Línea 59...
57 
                    >
 59 
                    >
58 
                        <SearchIcon onClick={() => setSearchActive(!searchActive)} />
 60 
                        <SearchIcon onClick={() => setSearchActive(!searchActive)} />
59 
                        <input
 61 
                        <input
60 
                            type='text'
 62 
                            type='text'
61 
                            placeholder='Buscar'
 63 
                            placeholder='Buscar'
62 
                            onChange={(e) => filterData(e.target.value)}
 64 
                            onChange={(e) => setSearch(e.target.value)}
63 
                        />
 65 
                        />
64 
                    </div>
 66 
                    </div>
65 
                    <i
 67 
                    <i
66 
                        className='fa fa-plus icon text-gray'
 68 
                        className='fa fa-plus icon text-gray'
67 
                        onClick={() => setVisible(true)}
 69 
                        onClick={() => setVisible(true)}
68 
                    />
 70 
                    />
69 
                </div>
 71 
                </div>
70 
                {!conversations.length
 72 
                {!filtredConversations.length
71 
                    ? <EmptySection message='Sin conversaciones' />
 73 
                    ? <EmptySection message='Sin conversaciones' />
72 
                    : <ul className='messages-list'>
 74 
                    : <ul className='messages-list'>
73 
                        {conversations.map((element, i) => {
 75 
                        {filtredConversations.map((element, i) => {
74 
                            return (
 76 
                            return (
75 
                                <li key={i} onClick={() => setConversation(element)}>
 77 
                                <li key={i} onClick={() => setConversation(element)}>
76 
                                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
 78 
                                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
77 
                                        <div className="usr-ms-img">
 79 
                                        <div className="usr-ms-img">
78 
                                            <img src={element.image} alt={element.name} />
 80 
                                            <img src={element.image} alt={element.name} />