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