Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2655 Rev 2747
Línea 28... Línea 28...
28 
            observer.observe(lastMessage.current)
 28 
            observer.observe(lastMessage.current)
29 
        }
 29 
        }
30 
    }, [messages]);
 30 
    }, [messages]);
Línea 31... Línea 31...
31 
 
 31 
 
32 
    return (
 32 
    return (
33 
        <div className="main-conversation-box border-gray border-radius">
 33 
        !selectedConversation
34 
            {
 34 
            ?
35 
                !selectedConversation
 - 
 
36 
                    ?
 35 
            <div className="main-conversation-box border-gray border-radius">
37 
                    <div className='message-select-conversation'>
 36 
                <div className='message-select-conversation'>
38 
                        <div className='msgs-select-container'>
 37 
                    <div className='msgs-select-container'>
39 
                            <i className='fas fa-comments icon text-gray' />
 38 
                        <i className='fas fa-comments icon text-gray' />
40 
                            <h3>
 39 
                        <h3>
41 
                                No hay mensajes
 - 
 
42 
                            </h3>
 40 
                            No hay mensajes
43 
                        </div>
 41 
                        </h3>
44 
                    </div>
 42 
                    </div>
45 
                    :
 43 
                </div>
- 
 
 44 
            </div>
- 
 
 45 
            :
46 
                    <>
 46 
            <div className="main-conversation-box border-gray border-radius">
47 
                        <MessageBarHead
 47 
                <div className="py-3 mb-2 chat-header">
- 
 
 48 
                    <a href={selectedConversation.profile}>
48 
                            selectedConversation={selectedConversation}
 49 
                        <h2>
49 
                            handleShowConversation={handleShowConversation}
 50 
                            {selectedConversation.name}
- 
 
 51 
                        </h2>
- 
 
 52 
                    </a>
50 
                        />
 53 
                </div>
51 
                        <div className="messages-line">
 54 
                <div className="messages-line">
52 
                            {
 55 
                    {
53 
                                messages.length
 56 
                        messages.length
54 
                                    ?
 57 
                            ?
55 
                                    messages.map((element, i) =>
 58 
                            messages.map((element, i) =>
56 
                                        <MessageTemplate
 59 
                                <MessageTemplate
57 
                                            key={i}
 60 
                                    key={i}
58 
                                            message={element}
 61 
                                    message={element}
59 
                                        />
 62 
                                />
60 
                                    )
 63 
                            )
61 
                                    :
 64 
                            :
62 
                                    <div className='message-select-conversation'>
 65 
                            <div className='message-select-conversation'>
63 
                                        <div className='msgs-select-container'>
 66 
                                <div className='msgs-select-container'>
64 
                                            <i className='fas fa-inbox icon' />
 67 
                                    <i className='fas fa-inbox icon' />
65 
                                            <h3>No hay mensajes en esta conversación</h3>
 68 
                                    <h3>No hay mensajes en esta conversación</h3>
66 
                                        </div>
 69 
                                </div>
67 
                                    </div>
 70 
                            </div>
68 
                            }
 71 
                    }
69 
                            <hr ref={lastMessage} />
 72 
                    <hr ref={lastMessage} />
70 
                        </div>
 73 
                </div>
71 
                        <MessageBox
 74 
                <MessageBox
72 
                            onSend={onSend}
 75 
                    onSend={onSend}
73 
                            backendVars={backendVars}
 76 
                    backendVars={backendVars}
74 
                            sendLink={selectedConversation.send_link}
 - 
 
75 
                        />
 77 
                    sendLink={selectedConversation.send_link}
76 
                    </>
 - 
 
77 
            }
 78 
                />
- 
 
 79 
            </div>
78 
        </div>
 80 
 
79 
    )
 81 
    )
80 
}
 82 
}