info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-02-24 03:23:08 +01:00
Code Issues Releases Wiki Activity

Refactor roadmap page logic

Browse Source
This commit is contained in:
Kamran Ahmed 2021-12-03 20:44:49 +01:00
parent 613c1027ad
commit 8a526f51b9
2 changed files with 5 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,30 +1,12 @@
import {
Box,
Button,
Text,
Container,
Link,
Stack,
Badge,
} from '@chakra-ui/react';
import {
ArrowBackIcon,
AtSignIcon,
DownloadIcon,
ViewIcon,
} from '@chakra-ui/icons';
import React from 'react';
import { Box, Container, Image } from '@chakra-ui/react';
import { GlobalHeader } from '../../components/global-header';
import { OpensourceBanner } from '../../components/opensource-banner';
import { UpdatesBanner } from '../../components/updates-banner';
import { Footer } from '../../components/footer';
import { PageHeader } from '../../components/page-header';
import { getAllRoadmaps, getRoadmapById, RoadmapType } from '../../lib/roadmap';
import MdRenderer from '../../components/md-renderer';
import Helmet from '../../components/helmet';
import siteConfig from '../../content/site.json';
import React from 'react';
import { event } from '../../lib/gtag';
import { NewAlertBanner } from '../../components/roadmap/new-alert-banner';
import { RoadmapPageHeader } from '../../components/roadmap/roadmap-page-header';
type RoadmapProps = {
@ -40,7 +22,7 @@ function ImageRoadmap(props: RoadmapProps) {
return (
<Container maxW={'900px'} position="relative">
<Box mb="30px">
<img alt="Frontend Roadmap" src={roadmap.imagePath} />
<Image alt={roadmap.title} src={roadmap.imagePath} />
</Box>
</Container>
);

4
pages/roadmaps.tsx
View File

@ -7,7 +7,7 @@ import { PageHeader } from '../components/page-header';
import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item';
import { getAllRoadmaps, RoadmapType } from '../lib/roadmap';
import Helmet from '../components/helmet';
import { NewBanner } from './[roadmap]';
import { NewAlertBanner } from '../components/roadmap/new-alert-banner';
type RoadmapsProps = {
roadmaps: RoadmapType[];
@ -25,7 +25,7 @@ export default function Roadmaps(props: RoadmapsProps) {
/>
<Box mb='60px'>
<PageHeader
beforeTitle={<NewBanner />}
beforeTitle={<NewAlertBanner />}
title={'Developer Roadmaps'}
subtitle={'Step by step guides and paths to learn different tools or technologies'}
/>