gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update roadmap

Browse Source
This commit is contained in:
Kamran Ahmed
2021-12-04 12:41:57 +01:00
parent 3b47cd3542
commit 9d9a6506cc
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,7 @@ type RoadmapProps = {
group: string; group: string;
}; };
// @todo error handling
function TextualRoadmap(props: RoadmapProps) { function TextualRoadmap(props: RoadmapProps) {
const { roadmap, group } = props; const { roadmap, group } = props;
if (!roadmap.contentPathsFilePath) { if (!roadmap.contentPathsFilePath) {
@ -33,7 +34,9 @@ function TextualRoadmap(props: RoadmapProps) {
const contentFilePath = contentPathMapping[group] || ''; const contentFilePath = contentPathMapping[group] || '';
const normalizedContentFilePath = contentFilePath.replace(/^\//, ''); const normalizedContentFilePath = contentFilePath.replace(/^\//, '');
const GroupContent = require(`../../content/${normalizedContentFilePath}`).default; const GroupContent =
require(`../../content/${normalizedContentFilePath}`).default;
const groupParts = group.split(':');
return ( return (
<Container maxW={'container.md'} position="relative"> <Container maxW={'container.md'} position="relative">
@ -44,25 +47,18 @@ function TextualRoadmap(props: RoadmapProps) {
separator={<ChevronRightIcon color="gray.500" />} separator={<ChevronRightIcon color="gray.500" />}
> >
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbLink color="blue.500" href="/frontend"> <BreadcrumbLink color="blue.500" href={`/${roadmap.id}`}>
Frontend {roadmap.featuredTitle}
</BreadcrumbLink> </BreadcrumbLink>
</BreadcrumbItem> </BreadcrumbItem>
<BreadcrumbItem> {groupParts.map((groupPart: string, counter: number) => (
<BreadcrumbLink color="blue.500" href="/frontend/internet"> <BreadcrumbItem key={groupPart}>
Internet <BreadcrumbLink color="blue.500" href={`/${roadmap.id}/${groupPart}`}>
</BreadcrumbLink> {groupPart.split('-').join(' ')}
</BreadcrumbItem> </BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbItem isCurrentPage> ))}
<BreadcrumbLink
color="blue.500"
href="/frontend/internet:what-is-internet"
>
What is Internet
</BreadcrumbLink>
</BreadcrumbItem>
</Breadcrumb> </Breadcrumb>
</Box> </Box>
<MdRenderer> <MdRenderer>