info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-01 21:32:35 +02:00
Code Issues Releases Wiki Activity

Add breadcrump on roadmap page

Browse Source
This commit is contained in:
Kamran Ahmed
2021-12-04 13:11:20 +01:00
parent 6a6c253241
commit 571bd3ea85
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pages/[roadmap]/[group].tsx
View File

@@ -53,8 +53,13 @@ function TextualRoadmap(props: RoadmapProps) {
</BreadcrumbItem> </BreadcrumbItem>
{groupParts.map((groupPart: string, counter: number) => ( {groupParts.map((groupPart: string, counter: number) => (
<BreadcrumbItem key={groupPart}> <BreadcrumbItem key={groupPart} isCurrentPage={counter === groupParts.length - 1}>
<BreadcrumbLink color="blue.500" href={`/${roadmap.id}/${groupPart}`}> <BreadcrumbLink
color="blue.500"
href={`/${roadmap.id}/${groupParts
.slice(0, counter + 1)
.join(':')}`}
>
{groupPart.split('-').join(' ')} {groupPart.split('-').join(' ')}
</BreadcrumbLink> </BreadcrumbLink>
</BreadcrumbItem> </BreadcrumbItem>