Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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