Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 901 Rev 904
Línea 46... Línea 46...
46 
                            <div
 46 
                            <div
47 
                                className="message-bar-head"
 47 
                                className="message-bar-head"
48 
                            >
 48 
                            >
49 
                                <div className="usr-msg-details">
 49 
                                <div className="usr-msg-details">
50 
                                    <i
 50 
                                    <i
51 
                                        className="fas fa-angle-left icon"
 51 
                                        className="fas fa-angle-left icon msgs-hide"
52 
                                        onClick={() => handleShowConversation(false)}
 52 
                                        onClick={() => handleShowConversation(false)}
53 
                                    ></i>
 53 
                                    ></i>
54 
                                    <div className="usr-ms-img">
 54 
                                    <div className="usr-ms-img">
55 
                                        <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
 55 
                                        <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
56 
                                    </div>
 56 
                                    </div>
Línea 73... Línea 73...
73 
                            >
 73 
                            >
74 
                                {
 74 
                                {
75 
                                    (messages)
 75 
                                    (messages)
76 
                                    &&
 76 
                                    &&
77 
                                    (
 77 
                                    (
78 
                                        messages.map((element, i) => {
 78 
                                        [...messages].reverse().map((element, i) => {
79 
                                            const isLeft = element.side === 'left'
 79 
                                            const isLeft = element.side === 'left'
80 
                                            return (
 80 
                                            return (
81 
                                                i === (messages.length - 1)
 81 
                                                i === 0
82 
                                                    ?
 82 
                                                    ?
83 
                                                    <div
 83 
                                                    <div
84 
                                                        className={`main-message-box ref ${!isLeft ? 'ta-right' : ''}`}
 84 
                                                        className={`main-message-box ref ${!isLeft ? 'ta-right' : ''}`}
85 
                                                        key={element.message}
 85 
                                                        key={element.message}
86 
                                                        ref={lastMessage}
 86 
                                                        ref={lastMessage}