Fixed icons for events and also breadcrumb in individual event page

3 files changed, 15 insertions, 7 deletions

diff --git a/src/pages/events/[...id].astro b/src/pages/events/[...id].astro
index 44d8ec4..590a5c6 100644
--- a/src/pages/events/[...id].astro
+++ b/src/pages/events/[...id].astro
@@ -25,11 +25,11 @@ export async function getStaticPaths() {
 }
 
 const event = Astro.props
-const currentPostId = Astro.params.id
-const navigation = await getAdjacentEvents(currentPostId)
+const currentEventId = Astro.params.id
+const navigation = await getAdjacentEvents(currentEventId)
 const { Content, headings } = await render(event)
 
-const tocSections = await getTOCSections(currentPostId)
+const tocSections = await getTOCSections(currentEventId)
 ---
 
 <Layout>
@@ -45,7 +45,15 @@ const tocSections = await getTOCSections(currentPostId)
   >
     <div class="col-start-2">
       <Breadcrumbs
-        items={[{ href: '/events', label: 'Events', icon: 'lucide:calendar' }]}
+        items={[
+          { href: '/events', label: 'Events', icon: 'lucide:calendar-days' },
+
+          {
+            href: `/events/${currentEventId}`,
+            label: event.data.title,
+            icon: 'lucide:calendar-check',
+          },
+        ]}
       />
     </div>
 
@@ -100,7 +108,7 @@ const tocSections = await getTOCSections(currentPostId)
 
     {
       tocSections.length > 0 && (
-        <TOCSidebar sections={tocSections} currentPostId={currentPostId} />
+        <TOCSidebar sections={tocSections} currentPostId={currentEventId} />
       )
     }
 
diff --git a/src/pages/events/[...page].astro b/src/pages/events/[...page].astro
index 2625ab0..db0e307 100644
--- a/src/pages/events/[...page].astro
+++ b/src/pages/events/[...page].astro
@@ -29,7 +29,7 @@ const years = Object.keys(eventsByYear).sort(
   <PageHead slot="head" title="Events" />
   <Breadcrumbs
     items={[
-      { label: 'Events', href: '/events', icon: 'lucide:calendar-range' },
+      { label: 'Events', href: '/events', icon: 'lucide:calendar-days' },
       { label: `Page ${page.currentPage}`, icon: 'lucide:calendar' },
     ]}
   />
diff --git a/src/pages/types/[...id].astro b/src/pages/types/[...id].astro
index 26640a9..0215eba 100644
--- a/src/pages/types/[...id].astro
+++ b/src/pages/types/[...id].astro
@@ -36,7 +36,7 @@ const { type, events } = Astro.props
   />
   <Breadcrumbs
     items={[
-      { href: '/types', label: 'Event types', icon: 'lucide:calendar' },
+      { href: '/types', label: 'Event types', icon: 'lucide:calendar-days' },
       { label: type, icon: iconMappings[type] || 'lucide:ticket' },
     ]}
   />