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

Add interactive frontend roadmap version

Browse Source
This commit is contained in:
Kamran Ahmed
2021-12-08 14:27:39 +01:00
parent 7cac02f4b4
commit 93b538f4e1
5 changed files with 19 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/roadmap/roadmap-error.tsx
View File

@ -20,7 +20,7 @@ export function RoadmapError(props: RoadmapProps) {
color='white'
>
<Heading mb='4px' size='md'>Oops! There&apos;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>
<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>
);
}

19
components/roadmap/roadmap-page-header.tsx
View File

@ -20,9 +20,6 @@ type RoadmapPageHeaderType = {
export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
const { roadmap } = props;
const router = useRouter()
const isInteractive = router.pathname.includes('/interactive');
return (
<Box
@ -92,22 +89,6 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
Subscribe
</Button>
</Stack>
{roadmap.id === 'frontend' && !isInteractive && (
<Button
d={['none', 'flex', 'flex']}
as={Link}
href={'/frontend/interactive'}
size="xs"
py="14px"
px="10px"
variant="solid"
_hover={{ textDecoration: 'none' }}
colorScheme="purple"
>
<Text as='span' d={['none', 'none', 'inline']}>✨ Interactive Version (Beta)</Text>
<Text as='span' d={['inline', 'inline', 'none']}>✨ Try Beta</Text>
</Button>
)}
</Flex>
</Container>
</Box>