Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 904 Rev 905
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
4 
 
 4 
 
- 
 
 5 
    const [text, setText] = useState('')
- 
 
 6 
    const lastMessage = useRef(null);
- 
 
 7 
    const [isInit, setisInit] = useState(null);
- 
 
 8 
 
- 
 
 9 
    const handleGetMessages = () => {
- 
 
 10 
        if (!isInit) {
- 
 
 11 
            setisInit(true)
- 
 
 12 
        }
- 
 
 13 
        if (isInit) {
- 
 
 14 
            getMoreMessages()
- 
 
 15 
            setisInit(false)
Línea 5... Línea 16...
5 
    const [text, setText] = useState('')
 16 
        }
6 
    const lastMessage = useRef(null);
 17 
    }
7 
 
 18 
 
8 
    useEffect(() => {
 19 
    useEffect(() => {
9 
        if (lastMessage.current) {
 20 
        if (lastMessage.current) {
Línea 10... Línea 21...
10 
            const observer = new IntersectionObserver(getMoreMessages, {
 21 
            const observer = new IntersectionObserver(handleGetMessages, {
11 
                rootMargin: '0px'
 22 
                rootMargin: '0px'
Línea 33... Línea 44...
33 
                                alignItems: 'center'
 44 
                                alignItems: 'center'
34 
                            }}>
 45 
                            }}>
35 
                                <i className='fas fa-inbox icon' style={{
 46 
                                <i className='fas fa-inbox icon' style={{
36 
                                    fontSize: '2.5rem',
 47 
                                    fontSize: '2.5rem',
37 
                                    marginBottom: '1rem'
 48 
                                    marginBottom: '1rem'
38 
                                }}/>
 49 
                                }} />
39 
                                <h3>
 50 
                                <h3>
40 
                                    Selecciona una conversación
 51 
                                    Selecciona una conversación
41 
                                </h3>
 52 
                                </h3>
42 
                            </div>
 53 
                            </div>
43 
                        </div>
 54 
                        </div>
Línea 73... Línea 84...
73 
                            >
 84 
                            >
74 
                                {
 85 
                                {
75 
                                    (messages)
 86 
                                    (messages)
76 
                                    &&
 87 
                                    &&
77 
                                    (
 88 
                                    (
78 
                                        [...messages].reverse().map((element, i) => {
 89 
                                        messages.map((element, i) => {
79 
                                            const isLeft = element.side === 'left'
 90 
                                            const isLeft = element.side === 'left'
80 
                                            return (
 91 
                                            return (
81 
                                                i === 0
 92 
                                                i === (messages.length - 1)
82 
                                                    ?
 93 
                                                    ?
83 
                                                    <div
 94 
                                                    <div
84 
                                                        className={`main-message-box ref ${!isLeft ? 'ta-right' : ''}`}
 95 
                                                        className={`main-message-box ref ${!isLeft ? 'ta-right' : ''}`}
85 
                                                        key={element.message}
 96 
                                                        key={element.message}
86 
                                                        ref={lastMessage}
 97 
                                                        ref={lastMessage}