From 4f1d4feff669ceacfcec426817835c3723c06cf4 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 4 Dec 2021 13:11:20 +0100
Subject: [PATCH] Add breadcrump on roadmap page

---
 pages/[roadmap]/[group].tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/pages/[roadmap]/[group].tsx b/pages/[roadmap]/[group].tsx
index 3cb5f0c6e..3c8e0d91e 100644
--- a/pages/[roadmap]/[group].tsx
+++ b/pages/[roadmap]/[group].tsx
@@ -53,8 +53,13 @@ function TextualRoadmap(props: RoadmapProps) {
           </BreadcrumbItem>
 
           {groupParts.map((groupPart: string, counter: number) => (
-            <BreadcrumbItem key={groupPart}>
-              <BreadcrumbLink color="blue.500" href={`/${roadmap.id}/${groupPart}`}>
+            <BreadcrumbItem key={groupPart} isCurrentPage={counter === groupParts.length - 1}>
+              <BreadcrumbLink
+                color="blue.500"
+                href={`/${roadmap.id}/${groupParts
+                  .slice(0, counter + 1)
+                  .join(':')}`}
+              >
                 {groupPart.split('-').join(' ')}
               </BreadcrumbLink>
             </BreadcrumbItem>