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.
26 lines
874 B
26 lines
874 B
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={`/roadmaps/${roadmap.id}.png`}>non-interactive version</Link></Text> |
|
</Container> |
|
); |
|
}
|
|
|