Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4358 Rev 4359
Línea 85... Línea 85...
85 
                    />
 85 
                    />
86 
                </div>
 86 
                </div>
87 
                {!filtredConversations.length
 87 
                {!filtredConversations.length
88 
                    ? <EmptySection message='Sin conversaciones' />
 88 
                    ? <EmptySection message='Sin conversaciones' />
89 
                    : <ul className='messages-list'>
 89 
                    : <ul className='messages-list'>
90 
                        {filtredConversations.map((element, i) => {
 90 
                        {filtredConversations.map((conversation) => {
91 
                            return (
 91 
                            return (
92 
                                <li key={i} onClick={() => setConversation(element)}>
 92 
                                <li key={conversation.uuid} onClick={() => setConversation(conversation)}>
93 
                                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
 93 
                                    <div className={`usr-msg-details ${selectedConversation?.uuid === conversation.uuid && 'is_selected'}`}>
94 
                                        <div className="usr-ms-img">
 94 
                                        <div className="usr-ms-img">
95 
                                            <img src={element.image} alt={element.name} />
 95 
                                            <img src={conversation.image} alt={conversation.name} />
96 
                                        </div>
 96 
                                        </div>
97 
                                        <div className="usr-mg-info">
 97 
                                        <div className="usr-mg-info">
98 
                                            <h3>{element.name}</h3>
 98 
                                            <h3>{conversation.name}</h3>
99 
                                            {Number(element.count_unread) > 0 &&
 99 
                                            {Number(conversation.count_unread) > 0 &&
100 
                                                <p className="text-gray">
 100 
                                                <p className="text-gray">
101 
                                                    {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
 101 
                                                    {conversation.count_unread} mensajes nuevos | <span> {conversation.last_message} </span>
102 
                                                </p>
 102 
                                                </p>
103 
                                            }
 103 
                                            }
104 
                                        </div>
 104 
                                        </div>
105 
                                    </div>
 105 
                                    </div>
106 
                                </li>
 106 
                                </li>