Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4357 Rev 4358
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useRef, useState } from 'react'
3 
import EmptySection from '../../shared/empty-section/EmptySection';
 3 
import EmptySection from '../../shared/empty-section/EmptySection';
4 
import SearchIcon from '@mui/icons-material/Search'
 4 
import SearchIcon from '@mui/icons-material/Search'
5 
import { axios } from '../../utils';
 5 
import { axios } from '../../utils';
6 
import { Modal } from 'react-bootstrap';
 6 
import { Modal } from 'react-bootstrap';
Línea 13... Línea 13...
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 [search, setSearch] = useState('')
17 
    const [visible, setVisible] = useState(false)
 17 
    const [visible, setVisible] = useState(false)
- 
 
 18 
    const searchContainer = useRef()
Línea 18... Línea 19...
18 
 
 19 
 
Línea 19... Línea 20...
19 
 
 20 
 
Línea 27... Línea 28...
27 
            console.log('>>: error > ', error)
 28 
            console.log('>>: error > ', error)
28 
        }
 29 
        }
29 
    }
 30 
    }
Línea 30... Línea 31...
30 
 
 31 
 
- 
 
 32 
    useEffect(() => {
- 
 
 33 
        const handleClickOutside = (event) => {
- 
 
 34 
            if (searchContainer.current && !searchContainer.current.contains(event.target)) {
- 
 
 35 
                setSearchActive(false)
- 
 
 36 
            }
- 
 
 37 
        }
- 
 
 38 
        document.addEventListener("mousedown", handleClickOutside);
- 
 
 39 
 
- 
 
 40 
        return () => {
- 
 
 41 
            document.removeEventListener("mousedown", handleClickOutside);
- 
 
 42 
        };
- 
 
 43 
    }, [searchContainer]);
- 
 
 44 
 
31 
    useEffect(() => {
 45 
    useEffect(() => {
32 
        if (path_id && conversations.length) {
 46 
        if (path_id && conversations.length) {
33 
            setConversation(conversations.find(conversation => conversation.uuid === path_id))
 47 
            setConversation(conversations.find(conversation => conversation.uuid === path_id))
34 
            path_id = null
 48 
            path_id = null
35 
        }
 49 
        }
Línea 54... Línea 68...
54 
            <div className="chat_contacts">
 68 
            <div className="chat_contacts">
55 
                <h1 className='chat-title'>Personas</h1>
 69 
                <h1 className='chat-title'>Personas</h1>
56 
                <div className="msgs_icons-container">
 70 
                <div className="msgs_icons-container">
57 
                    <div
 71 
                    <div
58 
                        className={`contact__search ${searchActive && 'show'}`}
 72 
                        className={`contact__search ${searchActive && 'show'}`}
- 
 
 73 
                        ref={searchContainer}
59 
                    >
 74 
                    >
60 
                        <SearchIcon onClick={() => setSearchActive(!searchActive)} />
 75 
                        <SearchIcon onClick={() => setSearchActive(!searchActive)} />
61 
                        <input
 76 
                        <input
62 
                            type='text'
 77 
                            type='text'
63 
                            placeholder='Buscar'
 78 
                            placeholder='Buscar'
Línea 128... Línea 143...
128 
 
 143 
 
129 
    useEffect(() => {
 144 
    useEffect(() => {
130 
        searchUsers(search)
 145 
        searchUsers(search)
Línea -... Línea 146...
- 
 
 146 
    }, [search]);
- 
 
 147 
 
- 
 
 148 
    useEffect(() => {
- 
 
 149 
        setIsShow(show)
131 
    }, [search]);
 150 
    }, [show])
132 
 
 151 
 
133 
    return (
 152 
    return (
134 
        <Modal
 153 
        <Modal
135 
            show={isShow}
 154 
            show={isShow}
- 
 
 155 
            onHide={closeModal}
136 
            onHide={closeModal}
 156 
        >
137 
        >
 157 
            <Modal.Header closeButton />
138 
            <div className="card">
 158 
            <div className="card">
139 
                <div className="card-body">
 159 
                <div className="card-body">
140 
                    <h3 className="card-title font-weight-bold">Crear sala de Intercambio Profesional</h3>
 160 
                    <h3 className="card-title font-weight-bold">Crear sala de Intercambio Profesional</h3>
Línea 166... Línea 186...
166 
                                    </div>
 186 
                                    </div>
167 
                                </div>
 187 
                                </div>
168 
                            )
 188 
                            )
169 
                        })}
 189 
                        })}
170 
                    </div>
 190 
                    </div>
171 
                    <a href="#" onClick={closeModal} className="btn btn-secondary">
 - 
 
172 
                        Cerrar
 - 
 
173 
                    </a>
 - 
 
174 
                </div>
 191 
                </div>
175 
            </div>
 192 
            </div>
176 
        </Modal>
 193 
        </Modal>
177 
    )
 194 
    )
178 
}
 195 
}