| Línea 37... |
Línea 37... |
| 37 |
<div className="w-100 d-flex flex-column" style={{ gap: '.5rem' }}>
|
37 |
<div className="w-100 d-flex flex-column" style={{ gap: '.5rem' }}>
|
| 38 |
{events.length
|
38 |
{events.length
|
| 39 |
? events.map((event) =>
|
39 |
? events.map((event) =>
|
| 40 |
<div className='rounded' key={event.id} style={{ background: event.backgroundColor }}>
|
40 |
<div className='rounded' key={event.id} style={{ background: event.backgroundColor }}>
|
| 41 |
<div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
|
41 |
<div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
|
| 42 |
<h4 className='break-ellipsis'>{event.title}</h4>
|
42 |
<h4>{event.title}</h4>
|
| - |
|
43 |
<div className='d-inline-flex align-items-center'>
|
| 43 |
<span>{new Date(event.start).toLocaleString()}</span>
|
44 |
<span>{new Date(event.start).toLocaleString()}</span>
|
| 44 |
<span>{new Date(event.end).toLocaleString()}</span>
|
45 |
<span>{new Date(event.end).toLocaleString()}</span>
|
| - |
|
46 |
</div>
|
| 45 |
</div>
|
47 |
</div>
|
| 46 |
<div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
|
48 |
<div className="d-flex align-items-center flex-column" style={{ gap: '.5rem' }}>
|
| 47 |
<a
|
49 |
<a
|
| 48 |
className="btn btn-primary"
|
50 |
className="btn btn-primary"
|
| 49 |
href={event.url}
|
51 |
href={event.url}
|