Updates

src/components/EventsList.astro

@@ -16,24 +16,29 @@ const { events, title = 'Upcoming events', description = 'A quick scan list for
   <SectionHeading eyebrow="Events" title={title} description={description} />
   <div class="stack">
     {events.length > 0 ? (
-      events.map((event) => (
-        <article class="card">
-          <div class="split-grid" style="align-items:start;">
-            <div>
-              <p class="pill">{event.is_featured ? 'Featured' : 'Event'}</p>
-              <h3>{event.title}</h3>
-              <p>{event.description}</p>
+      events.map((event) => {
+        const detailHref = event.slug ? `/events/${event.slug}/` : undefined;
+
+        return (
+          <article class="card">
+            <div class="split-grid" style="align-items:start;">
+              <div>
+                <p class="pill">{event.is_featured ? 'Featured' : 'Event'}</p>
+                <h3>{detailHref ? <a href={detailHref}>{event.title}</a> : event.title}</h3>
+                <p>{event.description}</p>
+              </div>
+              <div>
+                <p class="meta">{formatDateTime(event.start_datetime)}</p>
+                {event.location_text && <p>{event.location_text}</p>}
+                {detailHref && <p><a class="button primary" href={detailHref}>View event</a></p>}
+                {event.registration_link && (
+                  <p><a class="button secondary" href={event.registration_link}>Register</a></p>
+                )}
+              </div>
             </div>
-            <div>
-              <p class="meta">{formatDateTime(event.start_datetime)}</p>
-              {event.location_text && <p>{event.location_text}</p>}
-              {event.registration_link && (
-                <p><a class="button secondary" href={event.registration_link}>Register</a></p>
-              )}
-            </div>
-          </div>
-        </article>
-      ))
+          </article>
+        );
+      })
     ) : (
       <article class="card">
         <h3>No events published</h3>