Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3770 | Rev 4347 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3769 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
1 www 3 
 
3769 stevensc 4 
const Sidebar = ({ conversations = [], click, selectedConversation, handleShowConversation }) => {
821 stevensc 5 
 
841 stevensc 6 
    const handleConversation = (element) => {
845 stevensc 7 
        handleShowConversation(true);
842 stevensc 8 
        click(element)
841 stevensc 9 
    }
2539 stevensc 10 
 
821 stevensc 11 
    return (
3769 stevensc 12 
        <div style={{ overflowY: 'scroll' }} > F
2755 stevensc 13 
            <ul>
3769 stevensc 14 
                {conversations
15 
                    ? conversations.reverse().map((element, i) => {
16 
                        <li key={i}
17 
                            className='d-flex align-items-center'
18 
                            style={{ padding: '.7rem' }}
19 
                            onClick={() => handleConversation(element)}
20 
                        >
3771 stevensc 21 
                            <div className={`${selectedConversation?.name === element.name ? 'is_selected' : ''} usr-msg-details d-flex justify-content-start align-items-center`}>
3769 stevensc 22 
                                <div className="usr-ms-img">
23 
                                    <img src={element.image} alt={element.name} />
24 
                                </div>
821 stevensc 25 
                                <div className="usr-mg-info">
3769 stevensc 26 
                                    <h3>{element.name}</h3>
27 
                                    {parseInt(element.count_unread) > 0 &&
28 
                                        <p className="text-gray">
29 
                                            {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
30 
                                        </p>
31 
                                    }
821 stevensc 32 
                                </div>
1 www 33 
                            </div>
821 stevensc 34 
                        </li>
3769 stevensc 35 
                    })
36 
                    :
37 
                    <li className="active">
38 
                        <div className="usr-msg-details">
39 
                            <div className="usr-mg-info">
40 
                                <h3>Sin conversaciones</h3>
41 
                            </div>
42 
                        </div>
43 
                    </li>
1 www 44 
                }
45 
            </ul>
3769 stevensc 46 
        </div >
1 www 47 
    )
3769 stevensc 48 
}
49 
 
50 
export default Sidebar