mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-02-23 19:13:19 +01:00
40 lines
939 B
TypeScript
40 lines
939 B
TypeScript
import React from 'react';
|
|
import { Box, Button, Divider, Link, Text } from '@chakra-ui/react';
|
|
|
|
type EditContentPageLinkProps = {
|
|
href: string;
|
|
};
|
|
|
|
export function EditContentPageLink(props: EditContentPageLinkProps) {
|
|
const { href } = props;
|
|
|
|
return (
|
|
<Box my='30px'>
|
|
<Divider mb="15px" orientation="horizontal" />
|
|
<Text
|
|
lineHeight="23px"
|
|
fontWeight={500}
|
|
fontSize="14px"
|
|
color="gray.500"
|
|
mb="10px"
|
|
>
|
|
This page is a work in progress. Help us by writing a small
|
|
introduction to the topic and suggesting a few links to read more
|
|
about this topic.
|
|
</Text>
|
|
<Button
|
|
size="sm"
|
|
py="20px"
|
|
as={Link}
|
|
href={href}
|
|
target="_blank"
|
|
isFullWidth
|
|
colorScheme={'gray'}
|
|
_hover={{ textDecoration: 'none', bg: 'gray.200' }}
|
|
>
|
|
Edit this Page
|
|
</Button>
|
|
</Box>
|
|
);
|
|
}
|