|
|
|
@ -2,6 +2,8 @@ import { Box, Button, Image, Link, Stack, HStack, Text } from '@chakra-ui/react' |
|
|
|
|
import { FC } from 'react'; |
|
|
|
|
import NextLink from 'next/link'; |
|
|
|
|
|
|
|
|
|
import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants' |
|
|
|
|
|
|
|
|
|
interface DownloadsHero { |
|
|
|
|
currentBuildName: string |
|
|
|
|
currentBuildVersion: string |
|
|
|
@ -21,11 +23,16 @@ export const DownloadsHero: FC<DownloadsHero> = ({ |
|
|
|
|
sourceCodeURL, |
|
|
|
|
windowsBuildURL |
|
|
|
|
}) => { |
|
|
|
|
DOWNLOAD_HEADER_BUTTONS.linuxBuild.buildURL = linuxBuildURL |
|
|
|
|
DOWNLOAD_HEADER_BUTTONS.macOSBuild.buildURL = macOSBuildURL |
|
|
|
|
DOWNLOAD_HEADER_BUTTONS.windowsBuild.buildURL = windowsBuildURL |
|
|
|
|
DOWNLOAD_HEADER_BUTTONS.sourceCode.buildURL = sourceCodeURL |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<Stack border='3px solid' borderColor='brand.light.primary' py={4} px={4}> |
|
|
|
|
<Box> |
|
|
|
|
<Image w={'180px'} m={'auto'} src='/images/pages/gopher-downloads-front-light.svg' alt='Gopher greeting' />
|
|
|
|
|
</Box> |
|
|
|
|
<Stack alignItems='center'> |
|
|
|
|
<Image src='/images/pages/gopher-downloads-front-light.svg' alt='Gopher plugged in' />
|
|
|
|
|
</Stack> |
|
|
|
|
|
|
|
|
|
<Box mb={4}> |
|
|
|
|
<Box |
|
|
|
@ -48,107 +55,48 @@ export const DownloadsHero: FC<DownloadsHero> = ({ |
|
|
|
|
You can download the latest 64-bit stable release of Geth for our primary platforms below. Packages for all supported platforms, as well as develop builds, can be found further down the page. If you're looking to install Geth and/or associated tools via your favorite package manager, please check our installation guide. |
|
|
|
|
</Text> |
|
|
|
|
|
|
|
|
|
<NextLink href={linuxBuildURL} passHref> |
|
|
|
|
<Button |
|
|
|
|
as='a' |
|
|
|
|
variant='primary' |
|
|
|
|
width={{ base: '100%' }} |
|
|
|
|
p={8} |
|
|
|
|
mb={4} |
|
|
|
|
> |
|
|
|
|
<HStack spacing={4}> |
|
|
|
|
<Box> |
|
|
|
|
<Image m={'auto'} src='/images/pages/linux-penguin.svg' alt='Gopher greeting' /> |
|
|
|
|
</Box>
|
|
|
|
|
<Box> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
For linux |
|
|
|
|
</Text> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
geth {currentBuildName} |
|
|
|
|
</Text> |
|
|
|
|
</Box> |
|
|
|
|
</HStack> |
|
|
|
|
</Button> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<NextLink href={macOSBuildURL} passHref> |
|
|
|
|
<Button |
|
|
|
|
as='a' |
|
|
|
|
variant='primary' |
|
|
|
|
width={{ base: '100%' }} |
|
|
|
|
p={8} |
|
|
|
|
mb={4} |
|
|
|
|
> |
|
|
|
|
<HStack spacing={4}> |
|
|
|
|
<Box> |
|
|
|
|
<Image m={'auto'} src='/images/pages/macos-logo.svg' alt='Gopher greeting' /> |
|
|
|
|
</Box>
|
|
|
|
|
<Box> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
For macos |
|
|
|
|
</Text> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
geth {currentBuildName} |
|
|
|
|
</Text> |
|
|
|
|
</Box> |
|
|
|
|
</HStack> |
|
|
|
|
</Button> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<NextLink href={windowsBuildURL} passHref> |
|
|
|
|
<Button |
|
|
|
|
as='a' |
|
|
|
|
variant='primary' |
|
|
|
|
width={{ base: '100%' }} |
|
|
|
|
p={8} |
|
|
|
|
mb={4} |
|
|
|
|
> |
|
|
|
|
<HStack spacing={4}> |
|
|
|
|
<Box> |
|
|
|
|
<Image m={'auto'} src='/images/pages/windows-logo.svg' alt='Gopher greeting' /> |
|
|
|
|
</Box>
|
|
|
|
|
<Box> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
For windows |
|
|
|
|
</Text> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
geth {currentBuildName} |
|
|
|
|
</Text> |
|
|
|
|
</Box> |
|
|
|
|
</HStack> |
|
|
|
|
</Button> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<NextLink href={sourceCodeURL} passHref> |
|
|
|
|
<Button |
|
|
|
|
as='a' |
|
|
|
|
variant='primary' |
|
|
|
|
width={{ base: '100%' }} |
|
|
|
|
p={8} |
|
|
|
|
mb={4} |
|
|
|
|
> |
|
|
|
|
<HStack spacing={4}> |
|
|
|
|
<Box> |
|
|
|
|
<Image m={'auto'} src='/images/pages/source-branch.svg' alt='Gopher greeting' /> |
|
|
|
|
</Box>
|
|
|
|
|
<Box> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
Sources |
|
|
|
|
</Text> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
geth {currentBuildName} |
|
|
|
|
</Text> |
|
|
|
|
</Box> |
|
|
|
|
</HStack> |
|
|
|
|
</Button> |
|
|
|
|
</NextLink> |
|
|
|
|
{ |
|
|
|
|
Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string, idx) => { |
|
|
|
|
return ( |
|
|
|
|
<NextLink |
|
|
|
|
key={idx} |
|
|
|
|
href={DOWNLOAD_HEADER_BUTTONS[key].buildURL} |
|
|
|
|
passHref |
|
|
|
|
> |
|
|
|
|
<Button |
|
|
|
|
as='a' |
|
|
|
|
variant='primary' |
|
|
|
|
width={{ base: '100%' }} |
|
|
|
|
p={8} |
|
|
|
|
mb={4} |
|
|
|
|
> |
|
|
|
|
<HStack spacing={4}> |
|
|
|
|
<Stack alignItems='center'> |
|
|
|
|
<Image |
|
|
|
|
src={DOWNLOAD_HEADER_BUTTONS[key].image} |
|
|
|
|
alt={DOWNLOAD_HEADER_BUTTONS[key].imageAlt} |
|
|
|
|
/> |
|
|
|
|
</Stack>
|
|
|
|
|
<Box> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
For {DOWNLOAD_HEADER_BUTTONS[key].name} |
|
|
|
|
</Text> |
|
|
|
|
<Text textStyle='downloads-button-label'> |
|
|
|
|
geth {currentBuildName} |
|
|
|
|
</Text> |
|
|
|
|
</Box> |
|
|
|
|
</HStack> |
|
|
|
|
</Button> |
|
|
|
|
</NextLink> |
|
|
|
|
) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
<Box textAlign={'center'}> |
|
|
|
|
<Link |
|
|
|
|
href={releaseNotesURL} |
|
|
|
|
isExternal |
|
|
|
|
variant='href' |
|
|
|
|
variant='light' |
|
|
|
|
> |
|
|
|
|
Release notes for {currentBuildName} {currentBuildVersion} |
|
|
|
|
</Link> |
|
|
|
|