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

Add hiring link in top nav

Browse Source
This commit is contained in:
Kamran Ahmed 2022-11-07 14:11:47 +04:00
parent b39eac78ff
commit a7dd614c8c
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/global-header.tsx
View File

@ -7,10 +7,14 @@ import siteConfig from '../content/site.json';
type MenuLinkProps = { type MenuLinkProps = {
text: string; text: string;
link: string; link: string;
target?: '_blank' | '_self' | '_parent' | '_top';
isFancy?: boolean;
}; };
function MenuLink(props: MenuLinkProps) { function MenuLink(props: MenuLinkProps) {
const { text, link } = props; const { text, link, target = '_self', isFancy = false } = props;
const gradientProp = isFancy ? { bgGradient: 'linear(to-r, yellow.100, teal.100)', bgClip: 'text' } : {};
return <Link return <Link
borderBottomWidth={0} borderBottomWidth={0}
@ -18,6 +22,8 @@ function MenuLink(props: MenuLinkProps) {
_hover={{ textDecoration: 'none', borderBottomColor: 'white' }} _hover={{ textDecoration: 'none', borderBottomColor: 'white' }}
fontWeight={500} fontWeight={500}
href={link} href={link}
target={target}
{...gradientProp}
> >
{text} {text}
</Link>; </Link>;
@ -29,7 +35,13 @@ function DesktopMenuLinks() {
fontSize='15px'> fontSize='15px'>
<MenuLink text={'Roadmaps'} link={'/roadmaps'} /> <MenuLink text={'Roadmaps'} link={'/roadmaps'} />
<MenuLink text={'Guides'} link={'/guides'} /> <MenuLink text={'Guides'} link={'/guides'} />
<MenuLink text={'Videos'} link={'/watch'} />
<MenuLink
target={'_blank'}
text={'We are Hiring'}
isFancy
link={'https://docs.google.com/forms/d/e/1FAIpQLSesFpPxgKx_8-L5hm7fw6NQpgGixrMGC4Cg3M8NHPQhFfSajQ/viewform'}
/>
<Link ml='10px' bgGradient='linear(to-l, yellow.700, red.600)' p='7px 10px' rounded='4px' <Link ml='10px' bgGradient='linear(to-l, yellow.700, red.600)' p='7px 10px' rounded='4px'
_hover={{ textDecoration: 'none', bgGradient: 'linear(to-l, red.800, yellow.700)' }} _hover={{ textDecoration: 'none', bgGradient: 'linear(to-l, red.800, yellow.700)' }}