Add breadcrump on roadmap page

3 years ago · 4f1d4feff6
parent 7bc3b4a0f3
commit 4f1d4feff6
1 changed files with 7 additions and 2 deletions
--- 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>