Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4375 Rev 4376
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useRef } from 'react';
 2 
import React, { useEffect, useRef } from 'react';
3 
import EmptySection from '../../shared/empty-section/EmptySection';
 3 
import EmptySection from '../../shared/empty-section/EmptySection';
4 
import Spinner from '../../shared/loading-spinner/Spinner';
 - 
 
5 
import MessageBox from './MessageBox';
 4 
import MessageBox from './MessageBox';
6 
import MessageTemplate from './MessageTemplate';
 5 
import MessageTemplate from './MessageTemplate';
Línea 7... Línea 6...
7 
 
 6 
 
8 
const Chatmail = ({
 7 
const Chatmail = ({
9 
    selectedConversation = null,
 8 
    selectedConversation = null,
10 
    messages = [],
 9 
    messages = [],
11 
    backendVars = {},
 - 
 
12 
    loading = false,
 10 
    backendVars = {},
13 
    setConversation = () => { },
 11 
    setConversation = () => { },
14 
    getMoreMessages = () => { },
 12 
    getMoreMessages = () => { },
15 
    onSend = () => { },
 13 
    onSend = () => { },
16 
    setMsgs = () => { },
 14 
    setMsgs = () => { },
Línea 50... Línea 48...
50 
            <a href={selectedConversation.profile}>
 48 
            <a href={selectedConversation.profile}>
51 
                <h2 className='chat-header'>
 49 
                <h2 className='chat-header'>
52 
                    {selectedConversation.name}
 50 
                    {selectedConversation.name}
53 
                </h2>
 51 
                </h2>
54 
            </a>
 52 
            </a>
55 
            {loading
 - 
 
56 
                ? <Spinner />
 - 
 
57 
                :
 - 
 
58 
                <div className="messages-line">
 53 
            <div className="messages-line">
59 
                    {messages.length
 54 
                {messages.length
60 
                        ? messages.map((element, index) => {
 55 
                    ? messages.map((element, index) => {
61 
                            return (
 56 
                        return (
62 
                                <MessageTemplate
 57 
                            <MessageTemplate
63 
                                    key={index}
 58 
                                key={index}
64 
                                    message={element}
 59 
                                message={element}
65 
                                    date={element.date}
 60 
                                date={element.date}
66 
                                />
 61 
                            />
67 
                            )
 62 
                        )
68 
                        })
 63 
                    })
69 
                        :
 64 
                    :
70 
                        <div className='message-select-conversation'>
 65 
                    <div className='message-select-conversation'>
71 
                            <div className='msgs-select-container'>
 66 
                        <div className='msgs-select-container'>
72 
                                <i className='fas fa-inbox icon' />
 67 
                            <i className='fas fa-inbox icon' />
73 
                                <h3>No hay mensajes en esta conversación</h3>
 68 
                            <h3>No hay mensajes en esta conversación</h3>
74 
                            </div>
 - 
 
75 
                        </div>
 69 
                        </div>
- 
 
 70 
                    </div>
76 
                    }
 71 
                }
77 
                    <hr ref={lastMessage} style={{ visibility: 'hidden' }} />
 72 
                <hr ref={lastMessage} style={{ visibility: 'hidden' }} />
78 
                </div>}
 73 
            </div>
79 
            <MessageBox
 74 
            <MessageBox
80 
                setMsgs={setMsgs}
 75 
                setMsgs={setMsgs}
81 
                onSend={onSend}
 76 
                onSend={onSend}
82 
                backendVars={backendVars}
 77 
                backendVars={backendVars}
83 
                sendLink={selectedConversation.send_link}
 78 
                sendLink={selectedConversation.send_link}