Event templates
This commit is contained in:
@@ -21,6 +21,8 @@ const { events, title = 'Upcoming events', description = 'A quick scan list for
|
||||
const normalizedSlug = normalizeSlug(event.slug);
|
||||
const detailHref = normalizedSlug ? `/events/${normalizedSlug}/` : undefined;
|
||||
const summary = event.summary?.trim() || event.description;
|
||||
const time = formatTime(event.start_datetime);
|
||||
const logoSrc = typeof event.logo === 'string' ? event.logo : event.logo?.id;
|
||||
|
||||
return (
|
||||
<article class="card event-card">
|
||||
@@ -29,7 +31,8 @@ const { events, title = 'Upcoming events', description = 'A quick scan list for
|
||||
<div class="event-date-block">
|
||||
<p class="event-weekday">{formatWeekday(event.start_datetime)}</p>
|
||||
<p class="event-date">{formatDate(event.start_datetime)}</p>
|
||||
<p class="event-time">{formatTime(event.start_datetime)}</p>
|
||||
{time && <p class="event-time">{time}</p>}
|
||||
{logoSrc && <img class="event-logo" src={logoSrc} alt={`${event.title} logo`} loading="lazy" />}
|
||||
</div>
|
||||
<div>
|
||||
<h3>{event.title}</h3>
|
||||
|
||||
Reference in New Issue
Block a user