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

Add interactivity for the backend roadmap

Browse Source
This commit is contained in:
Kamran Ahmed
2022-01-09 11:29:03 +04:00
parent a0cb4e2568
commit 0400b1d6c0
145 changed files with 12398 additions and 9279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/[roadmap]/index.tsx
View File

@@ -4,7 +4,7 @@ import { GlobalHeader } from '../../components/global-header';
import { OpensourceBanner } from '../../components/opensource-banner';
import { UpdatesBanner } from '../../components/updates-banner';
import { Footer } from '../../components/footer';
import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
import { getAllRoadmaps, getRoadmapById, isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
import MdRenderer from '../../components/md-renderer';
import Helmet from '../../components/helmet';
import { RoadmapPageHeader } from '../../components/roadmap/roadmap-page-header';
@@ -17,7 +17,7 @@ type RoadmapProps = {
function ImageRoadmap(props: RoadmapProps) {
const { roadmap } = props;
if (roadmap.id === 'frontend') {
if (isInteractiveRoadmap(roadmap.id)) {
return <InteractiveRoadmapRenderer roadmap={roadmap} />;
}

4
pages/[roadmap]/interactive.tsx
View File

@@ -118,6 +118,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
minHeight = ['970px', '970px', '2100px', '2800px', '2800px'];
}
if (roadmap.id === 'backend') {
minHeight = ['870px', '1130px', '1900px', '2500px', '2520px', '2520px'];
}
return (
<Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
{(isLoading || isRendering) && <RoadmapLoader />}