Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3710 Rev 4346
Línea 3... Línea 3...
3 
import MessageBox from './MessageBox';
 3 
import MessageBox from './MessageBox';
4 
import MessageTemplate from './MessageTemplate';
 4 
import MessageTemplate from './MessageTemplate';
Línea 5... Línea 5...
5 
 
 5 
 
6 
const Chatmail = ({
 6 
const Chatmail = ({
7 
    messages,
 7 
    messages,
8 
    selectedConversation,
 8 
    selectedConversation = null,
9 
    onSend,
 9 
    onSend,
10 
    backendVars,
 10 
    backendVars,
11 
    getMoreMessages,
 11 
    getMoreMessages,
12 
    handleShowConversation,
 12 
    handleShowConversation,
Línea 18... Línea 18...
18 
    useEffect(() => {
 18 
    useEffect(() => {
19 
        const observer = new IntersectionObserver(([entry]) => {
 19 
        const observer = new IntersectionObserver(([entry]) => {
20 
            if (entry.isIntersecting) {
 20 
            if (entry.isIntersecting) {
21 
                getMoreMessages()
 21 
                getMoreMessages()
22 
            }
 22 
            }
23 
        }, {
 - 
 
24 
            rootMargin: '0px'
 - 
 
25 
        })
 23 
        })
Línea 26... Línea 24...
26 
 
 24 
 
27 
        if (lastMessage.current) {
 25 
        if (lastMessage.current) {
28 
            observer.observe(lastMessage.current)
 26 
            observer.observe(lastMessage.current)
29 
        }
 27 
        }
Línea 30... Línea 28...
30 
    }, [messages]);
 28 
    }, [messages]);
31 
 
 29 
 
32 
    return (
 - 
 
33 
        !selectedConversation
 - 
 
34 
            ?
 30 
    return (
35 
            <div className="main-conversation-box border-gray border-radius">
 31 
        <div className='chat'>
36 
                <div className='message-select-conversation'>
 32 
            <div className='w-100 icon-hide'>
37 
                    <div className='msgs-select-container'>
 - 
 
38 
                        <i className='fas fa-comments icon text-gray' />
 - 
 
39 
                        <h3>
 - 
 
40 
                            No hay mensajes
 33 
                <span className='d-flex align-items-center mr-2 cursor-pointer' onClick={() => handleShowConversation(false)}>
41 
                        </h3>
 34 
                    <i className="fas fa-angle-left mr-2" />
42 
                    </div>
 35 
                    Volver
43 
                </div>
 - 
 
44 
            </div>
 36 
                </span>
45 
            :
 37 
            </div>
46 
            <div className='inmail-conversation-container'>
 - 
 
47 
                <div className='w-100 icon-hide'>
 - 
 
48 
                    <span className='d-flex align-items-center mr-2 cursor-pointer' onClick={() => handleShowConversation(false)}>
 38 
            <a href={selectedConversation.profile}>
49 
                        <i className="fas fa-angle-left mr-2" />
 39 
                <h2 className='chat-header'>
50 
                        Volver
 40 
                    {selectedConversation.name}
51 
                    </span>
 - 
 
52 
                </div>
 41 
                </h2>
53 
                <div className="inmail-conversation-box border-gray border-radius">
 - 
 
54 
                    <div className="py-3 mb-2 chat-header">
 42 
            </a>
55 
                        <a href={selectedConversation.profile}>
 - 
 
56 
                            <h2>
 - 
 
57 
                                {selectedConversation.name}
 - 
 
58 
                            </h2>
 - 
 
59 
                        </a>
 43 
            <div className="messages-line">
60 
                    </div>
 44 
                {messages.length
61 
                    <div className="messages-line">
 45 
                    ? messages.map((element, index) => {
62 
                        {
 46 
                        return (
63 
                            messages.length
 47 
                            <MessageTemplate
64 
                                ?
 48 
                                key={index}
65 
                                messages.map((element, i) =>
 49 
                                message={element}
66 
                                    <MessageTemplate
 - 
 
67 
                                        key={i}
 - 
 
68 
                                        message={element}
 50 
                                date={element.date}
69 
                                        date={element.date}
 51 
                            />
70 
                                    />
 52 
                        )
71 
                                )
 53 
                    })
72 
                                :
 54 
                    :
73 
                                <div className='message-select-conversation'>
 55 
                    <div className='message-select-conversation'>
74 
                                    <div className='msgs-select-container'>
 56 
                        <div className='msgs-select-container'>
75 
                                        <i className='fas fa-inbox icon' />
 - 
 
76 
                                        <h3>No hay mensajes en esta conversación</h3>
 - 
 
77 
                                    </div>
 57 
                            <i className='fas fa-inbox icon' />
78 
                                </div>
 - 
 
79 
                        }
 58 
                            <h3>No hay mensajes en esta conversación</h3>
80 
                        <hr ref={lastMessage} style={{ visibility: 'hidden' }} />
 59 
                        </div>
81 
                    </div>
 - 
 
82 
                </div>
 - 
 
83 
                <MessageBox
 - 
 
84 
                    setMsgs={setMsgs}
 - 
 
85 
                    onSend={onSend}
 60 
                    </div>
86 
                    backendVars={backendVars}
 - 
 
87 
                    sendLink={selectedConversation.send_link}
 61 
                }
- 
 
 62 
                <hr ref={lastMessage} style={{ visibility: 'hidden' }} />
- 
 
 63 
            </div>
- 
 
 64 
            <MessageBox
- 
 
 65 
                setMsgs={setMsgs}
- 
 
 66 
                onSend={onSend}
88 
                />
 67 
                backendVars={backendVars}
- 
 
 68 
                sendLink={selectedConversation.send_link}
89 
            </div>
 69 
            />
90 
 
 70 
        </div >
Línea 91... Línea 71...
91 
    )
 71 
    )
92 
}
 72 
}