Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 887 Rev 888
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import ChatMail from "./inmail/inmail"
 2 
import ChatMail from "./inmail/inmail"
3 
import Sidebar from './inmail/sidebar'
 3 
import Sidebar from './inmail/sidebar'
4 
import { axios } from '../utils'
 4 
import { axios } from '../utils'
5 
import { Modal } from 'react-bootstrap'
 5 
import { Modal } from 'react-bootstrap'
Línea 6... Línea 6...
6 
 
 6 
 
7 
export default props => {
 7 
export default props => {
8 
    const defaultPage = { current: 1, last: 1 }
 8 
    const defaultPage = { current: 1, last: 1 }
9 
    const [conversations, setConversations] = React.useState([])
 9 
    const [conversations, setConversations] = useState([])
10 
    const [showConversations, setShowConversations] = React.useState(false)
 10 
    const [showConversations, setShowConversations] = useState(false)
11 
    const [selectedConversation, setSelectedConversation] = React.useState(null)
 11 
    const [selectedConversation, setSelectedConversation] = useState(null)
12 
    const [page, setPage] = React.useState(defaultPage)
 12 
    const [page, setPage] = useState(defaultPage)
13 
    const [messages, setMessages] = React.useState([])
 13 
    const [messages, setMessages] = useState([])
14 
    const [isGettingMessages, setIsGettingMessages] = React.useState(false)
 14 
    const [isGettingMessages, setIsGettingMessages] = useState(false)
15 
    const [visible, setVisible] = React.useState(false)
 15 
    const [visible, setVisible] = useState(false)
16 
    const [searchActive, setSearchActive] = React.useState(false)
 16 
    const [searchActive, setSearchActive] = useState(false)
17 
    const [inmailPersons, setInmailPersons] = React.useState([])
 17 
    const [inmailPersons, setInmailPersons] = useState([])
18 
    const [search, setSearch] = React.useState('')
 18 
    const [search, setSearch] = useState('')
19 
    const load = async () => {
 19 
    const load = async () => {
20 
        try {
 20 
        try {
21 
            const res = await axios.get(window.location.href)
 21 
            const res = await axios.get(window.location.href)
22 
            if (res.data.success) {
 22 
            if (res.data.success) {
23 
                setConversations(res.data.data)
 23 
                setConversations(res.data.data)
24 
            }
 24 
            }
25 
        } catch (error) {
 25 
        } catch (error) {
26 
            console.log('>>: error > ', error)
 26 
            console.log('>>: error > ', error)
27 
        }
 27 
        }
28 
    }
 28 
    }
29 
    React.useEffect(() => {
 29 
    useEffect(() => {
30 
        const interval = setInterval(() => {
 30 
        const interval = setInterval(() => {
31 
            load()
 31 
            load()
32 
        }, 3000)
 32 
        }, 3000)
33 
        return () => clearInterval(interval)
 33 
        return () => clearInterval(interval)
Línea 81... Línea 81...
81 
            }
 81 
            }
82 
        }
 82 
        }
83 
    }
 83 
    }
Línea 84... Línea 84...
84 
 
 84 
 
85 
    const getMoreMessages = () => {
 85 
    const getMoreMessages = () => {
86 
        console.log(page.current);
 86 
        console.log('Try');
87 
        console.log(page.last);
 87 
        console.log(selectedConversation);
88 
        /* if (page.current === page.last) {
 88 
        if (page.last > page.current) {
- 
 
 89 
            let { current } = page
- 
 
 90 
            current += 1
- 
 
 91 
            if (!isGettingMessages) {
- 
 
 92 
                setIsGettingMessages(true)
- 
 
 93 
                setPage({
- 
 
 94 
                    ...page,
- 
 
 95 
                    current
- 
 
 96 
                })
- 
 
 97 
                getMessages(selectedConversation, current, true)
89 
            return console.log('No hay mas mensajes');
 98 
            }
90 
        }
 - 
 
91 
        setPage({
 - 
 
92 
            ...page,
 - 
 
93 
            current: page.current + 1
 - 
 
94 
        })
 - 
 
95 
        setIsGettingMessages(true)
 - 
 
96 
        getMessages(selectedConversation, page.current, true) */
 99 
        }
- 
 
 100 
    }
97 
    }
 101 
 
98 
    const onClose = () => {
 102 
    const onClose = () => {
99 
        setVisible(false)
 103 
        setVisible(false)
Línea 100... Línea 104...
100 
    }
 104 
    }
Línea 222... Línea 226...
222 
                                    />
 226 
                                    />
223 
                                </div>
 227 
                                </div>
224 
                            </div>
 228 
                            </div>
225 
                            <div className={`col-lg-8 col-md-12 pd-right-none pd-left-none ${!showConversations && 'msgs-hide'}`}>
 229 
                            <div className={`col-lg-8 col-md-12 pd-right-none pd-left-none ${!showConversations && 'msgs-hide'}`}>
226 
                                <ChatMail
 230 
                                <ChatMail
227 
                                    getMoreMessages={getMoreMessages}
 231 
                                    getMoreMessages={() => getMoreMessages()}
228 
                                    backendVars={props.backendVars}
 232 
                                    backendVars={props.backendVars}
229 
                                    onSend={text => handleSend(text)}
 233 
                                    onSend={text => handleSend(text)}
230 
                                    messages={messages}
 234 
                                    messages={messages}
231 
                                    selectedConversation={selectedConversation}
 235 
                                    selectedConversation={selectedConversation}
232 
                                    handleShowConversation={handleShowConversation}
 236 
                                    handleShowConversation={handleShowConversation}