Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4349 Rev 4350
Línea 19... Línea 19...
19
    }
19
    }
Línea 20... Línea 20...
20
 
20
 
21
    return (
21
    return (
22
        <ul className='messages-list'>
22
        <ul className='messages-list'>
-
 
23
            {conversations.map((element, i) => {
23
            {conversations.map((element, i) => {
24
                return (
24
                <li key={i} onClick={() => handleConversation(element)}>
25
                    <li key={i} onClick={() => handleConversation(element)}>
25
                    <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
26
                        <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
26
                        <div className="usr-ms-img">
27
                            <div className="usr-ms-img">
-
 
28
                                <img src={element.image} alt={element.name} />
-
 
29
                            </div>
-
 
30
                            <div className="usr-mg-info">
-
 
31
                                <h3>{element.name}</h3>
-
 
32
                                {Number(element.count_unread) > 0 &&
-
 
33
                                    <p className="text-gray">
-
 
34
                                        {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
-
 
35
                                    </p>
-
 
36
                                }
27
                            <img src={element.image} alt={element.name} />
37
                            </div>
28
                        </div>
-
 
29
                        <div className="usr-mg-info">
-
 
30
                            <h3>{element.name}</h3>
-
 
31
                            {Number(element.count_unread) > 0 &&
-
 
32
                                <p className="text-gray">
-
 
33
                                    {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
-
 
34
                                </p>
-
 
35
                            }
-
 
36
                        </div>
38
                        </div>
37
                    </div>
39
                    </li>
38
                </li>
40
                )
39
            })}
41
            })}
40
        </ul>
42
        </ul>
41
    )
43
    )