Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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