gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects 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 7bc3b4a0f3
commit 4f1d4feff6
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>