Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4189 Rev 4190
Línea 27... Línea 27...
27
    useEffect(() => {
27
    useEffect(() => {
28
        getEvents()
28
        getEvents()
29
    }, [])
29
    }, [])
Línea 30... Línea 30...
30
 
30
 
31
    return (
31
    return (
32
        <div className='$peopleYouMayKnow'>
32
        <div className='peopleYouMayKnow'>
33
            <div className="sd-title d-flex align-items-center justify-content-between">
33
            <div className="sd-title d-flex align-items-center justify-content-between">
34
                <h3>Proximos eventos</h3>
34
                <h3>Proximos eventos</h3>
35
            </div>
35
            </div>
36
            <div className="w-100 d-flex flex-column">
36
            <div className="w-100 d-flex flex-column">
37
                {events.length
37
                {events.length
38
                    ? events.map((event) =>
38
                    ? events.map((event) =>
39
                        <div className='user' key={event.id} style={{ background: event.backgroundColor }}>
39
                        <div key={event.id} style={{ background: event.backgroundColor }}>
40
                            <div className="d-inline-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
40
                            <div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
41
                                <h4 className='break-ellipsis'>{event.title}</h4>
41
                                <h4 className='break-ellipsis'>{event.title}</h4>
42
                                <span>{new Date(event.start).toLocaleString()}</span>
42
                                <span>{new Date(event.start).toLocaleString()}</span>
43
                                <span>{new Date(event.end).toLocaleString()}</span>
43
                                <span>{new Date(event.end).toLocaleString()}</span>
-
 
44
                            </div>
44
                            </div>
45
                            <div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
45
                            <a
46
                                <a
46
                                className="btn btn-primary ml-auto"
47
                                    className="btn btn-primary"
47
                                href={event.url}
48
                                    href={event.url}
-
 
49
                                >
48
                            >
50
                                    Ingresar
-
 
51
                                </a>
49
                                Ver Grupo
52
                                {event.agenda}
50
                            </a>
53
                            </div>
51
                        </div>
54
                        </div>
52
                    )
55
                    )
53
                    : <div className="view-more">No hay eventos</div>
56
                    : <div className="view-more">No hay eventos</div>
54
                }
57
                }