interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: external links (#133) 

* fix: footer external links

* fix: ButtonLinkSecondary external links

* fix: docs external links
This commit is contained in:
Nicolás Quiroz 2022-12-06 17:02:55 -03:00 committed by GitHub
parent 4a464da994
commit 332e972397
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/UI/ButtonLinkSecondary.tsx
View File

@ -9,14 +9,21 @@ interface Props extends LinkProps {
export const ButtonLinkSecondary: React.FC<Props> = ({ href, children, ...restProps }) => {
const isExternal: boolean = href.toString().startsWith('http');
const variant = LinkTheme.variants['button-link-secondary'];
return (
<Stack sx={{ mt: '0 !important' }} {...variant}>
<NextLink href={href} passHref {...restProps}>
<Link variant='button-link-secondary' isExternal={isExternal}>
{isExternal ? (
<Link variant='button-link-secondary' href={href.toString()} isExternal>
<Text textStyle='home-section-link-label'>{children}</Text>
</Link>
</NextLink>
) : (
<NextLink href={href.toString()} passHref {...restProps}>
<Link variant='button-link-secondary'>
<Text textStyle='home-section-link-label'>{children}</Text>
</Link>
</NextLink>
)}
</Stack>
);
};

15
src/components/UI/docs/MDComponents.tsx
View File

@ -28,14 +28,15 @@ const MDComponents = {
},
// links
a: ({ children, href }: any) => {
return (
const isExternal = href.startsWith('http') && !href.includes('geth.ethereum.org');
return isExternal ? (
<Link href={href} isExternal variant='light'>
{children}
</Link>
) : (
<NextLink href={href} passHref>
<Link
isExternal={href.startsWith('http') && !href.includes('geth.ethereum.org')}
variant='light'
>
{children}
</Link>
<Link variant='light'>{children}</Link>
</NextLink>
);
},

31
src/components/layouts/Footer.tsx
View File

@ -82,11 +82,9 @@ export const Footer: FC = () => {
_hover={hoverStyles}
p={4}
>
<NextLink href={GETH_TWITTER_URL} passHref>
<Link isExternal>
<TwitterIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
<Link href={GETH_TWITTER_URL} isExternal>
<TwitterIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</Center>
<Center
@ -98,24 +96,15 @@ export const Footer: FC = () => {
borderColor='primary'
p={4}
>
<NextLink href={GETH_DISCORD_URL} passHref>
<Link isExternal>
<DiscordIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
<Link href={GETH_DISCORD_URL} isExternal>
<DiscordIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</Center>
<Center
data-group
flex={1}
_hover={hoverStyles}
p={4}
>
<NextLink href={GETH_REPO_URL} passHref>
<Link isExternal>
<GitHubIcon w={7} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
<Center data-group flex={1} _hover={hoverStyles} p={4}>
<Link href={GETH_REPO_URL} isExternal>
<GitHubIcon w={7} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</Center>
</Flex>
</Flex>