computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
856 B
27 lines
856 B
3 years ago
|
import { RoadmapType } from '../../lib/roadmap';
|
||
|
|
import { Container, Heading, Link, Text } from '@chakra-ui/react';
|
||
|
|
import siteConfig from '../../content/site.json';
|
||
|
|
|
||
|
|
type RoadmapProps = {
|
||
|
|
roadmap: RoadmapType;
|
||
|
|
};
|
||
|
|
|
||
|
|
export function RoadmapError(props: RoadmapProps) {
|
||
|
|
const { roadmap } = props;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Container
|
||
|
|
bg={'red.600'}
|
||
|
|
maxW={'container.md'}
|
||
|
|
position="relative"
|
||
|
|
mt="50px"
|
||
|
|
p='20px'
|
||
|
|
rounded='5px'
|
||
|
|
color='white'
|
||
|
|
>
|
||
|
|
<Heading mb='4px' size='md'>Oops! There's an error</Heading>
|
||
|
|
<Text>Try refreshing or <Link target='_blank' fontWeight={700} textDecoration={'underline'} fontSize='14px' href={siteConfig.url.issue}>report a bug</Link> and use the <Link fontWeight={700} textDecoration={'underline'} href={`/${roadmap.id}`}>non-interactive version</Link></Text>
|
||
|
|
</Container>
|
||
|
|
);
|
||
|
|
}
|