|
|
@ -2,7 +2,7 @@ import { Box, Button, Link, Stack, HStack, Text } from '@chakra-ui/react'; |
|
|
|
import { FC } from 'react'; |
|
|
|
import { FC } from 'react'; |
|
|
|
import NextLink from 'next/link'; |
|
|
|
import NextLink from 'next/link'; |
|
|
|
|
|
|
|
|
|
|
|
import { GopherDownloads } from '../svgs' |
|
|
|
import { GopherDownloads } from '../svgs'; |
|
|
|
|
|
|
|
|
|
|
|
import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants'; |
|
|
|
import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants'; |
|
|
|
|
|
|
|
|
|
|
@ -33,7 +33,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({ |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<Stack border='3px solid' borderColor='primary' py={4} px={4}> |
|
|
|
<Stack border='3px solid' borderColor='primary' py={4} px={4}> |
|
|
|
<Stack alignItems='center'> |
|
|
|
<Stack alignItems='center'> |
|
|
|
<GopherDownloads aria-label="Gopher plugged in" /> |
|
|
|
<GopherDownloads aria-label='Gopher plugged in' /> |
|
|
|
</Stack> |
|
|
|
</Stack> |
|
|
|
|
|
|
|
|
|
|
|
<Box mb={4}> |
|
|
|
<Box mb={4}> |
|
|
@ -58,7 +58,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({ |
|
|
|
</Text> |
|
|
|
</Text> |
|
|
|
|
|
|
|
|
|
|
|
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { |
|
|
|
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { |
|
|
|
const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key];
|
|
|
|
const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key]; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<NextLink key={key} href={buildURL} passHref> |
|
|
|
<NextLink key={key} href={buildURL} passHref> |
|
|
|
<Button as='a' variant='primary' width={{ base: '100%' }} p={8} mb={4}> |
|
|
|
<Button as='a' variant='primary' width={{ base: '100%' }} p={8} mb={4}> |
|
|
@ -67,9 +67,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({ |
|
|
|
<Svg aria-label={ariaLabel} maxH={16} /> |
|
|
|
<Svg aria-label={ariaLabel} maxH={16} /> |
|
|
|
</Stack> |
|
|
|
</Stack> |
|
|
|
<Box> |
|
|
|
<Box> |
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
<Text textStyle='downloads-button-label'>For {name}</Text> |
|
|
|
For {name} |
|
|
|
|
|
|
|
</Text> |
|
|
|
|
|
|
|
<Text textStyle='downloads-button-label'>geth {currentBuildName}</Text> |
|
|
|
<Text textStyle='downloads-button-label'>geth {currentBuildName}</Text> |
|
|
|
</Box> |
|
|
|
</Box> |
|
|
|
</HStack> |
|
|
|
</HStack> |
|
|
|