info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-02 13:52:46 +02:00
Code Issues Releases Wiki Activity

Add button to suggest changes on roadmaps

Browse Source
This commit is contained in:
Kamran Ahmed
2022-08-15 12:05:51 +04:00
parent cda00be1cc
commit 6d270a5640
1 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
import siteConfig from '../../content/site.json';
import { isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap'; import { isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
import { NewAlertBanner } from './new-alert-banner'; import { NewAlertBanner } from './new-alert-banner';
import { import {
@@ -11,7 +12,7 @@ import {
Stack, Stack,
Text, Text,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { AtSignIcon, DownloadIcon } from '@chakra-ui/icons'; import { ChatIcon, AtSignIcon, DownloadIcon } from '@chakra-ui/icons';
import React from 'react'; import React from 'react';
type RoadmapPageHeaderType = { type RoadmapPageHeaderType = {
@@ -41,7 +42,7 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
</Heading> </Heading>
<Text fontSize={['13px', '14px', '15px']}>{roadmap.description}</Text> <Text fontSize={['13px', '14px', '15px']}>{roadmap.description}</Text>
<Flex justifyContent="space-between" alignItems={'center'} mt="20px"> <Flex justifyContent="space-between" alignItems={'center'} mt="20px">
<Stack isInline> <Stack isInline flex={1}>
<Button <Button
d={['flex', 'flex']} d={['flex', 'flex']}
as={Link} as={Link}
@@ -68,6 +69,7 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
py="14px" py="14px"
px="10px" px="10px"
leftIcon={<DownloadIcon />} leftIcon={<DownloadIcon />}
d={['none', 'flex']}
colorScheme="yellow" colorScheme="yellow"
variant="solid" variant="solid"
_hover={{ textDecoration: 'none' }} _hover={{ textDecoration: 'none' }}
@@ -88,6 +90,21 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
> >
Subscribe Subscribe
</Button> </Button>
<Box flex={1} justifyContent='flex-end' d='flex'>
<Button
as={Link}
href={`${siteConfig.url.issue}?title=[Suggestion] ${roadmap.title}`}
target='_blank'
size="xs"
py="14px"
px="10px"
colorScheme="purple"
leftIcon={<ChatIcon />}
_hover={{ textDecoration: 'none' }}
>
Suggest Changes
</Button>
</Box>
</Stack> </Stack>
</Flex> </Flex>
{isInteractiveRoadmap(roadmap.id) && ( {isInteractiveRoadmap(roadmap.id) && (