Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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