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

Merge branch 'master' into search-backup

Browse Source
pull/26459/head^2
Paul Wackerow 2 years ago
parent c9ef66acbf 4315911af4
commit d5e3db36ca
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
21 changed files with 129 additions and 71 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      src/components/UI/ButtonLinkSecondary.tsx
  2. 57
      src/components/UI/DataTable.tsx
  3. 6
      src/components/UI/Header.tsx
  4. 4
      src/components/UI/HeaderButtons.tsx
  5. 6
      src/components/UI/docs/Breadcrumbs.tsx
  6. 10
      src/components/UI/docs/DocsLinks.tsx
  7. 8
      src/components/UI/docs/DocumentNav.tsx
  8. 16
      src/components/UI/docs/LinksList.tsx
  9. 19
      src/components/UI/docs/MDComponents.tsx
  10. 11
      src/components/UI/downloads/DownloadsHero.tsx
  11. 11
      src/components/UI/downloads/DownloadsTable.tsx
  12. 8
      src/components/UI/homepage/HomeHero.tsx
  13. 6
      src/components/UI/homepage/QuickLinks.tsx
  14. 6
      src/components/UI/svgs/AddIcon.tsx
  15. 4
      src/components/UI/svgs/MinusIcon.tsx
  16. 4
      src/components/layouts/Footer.tsx
  17. 5
      src/pages/[...slug].tsx
  18. 2
      src/pages/downloads.tsx
  19. 2
      src/theme/foundations/colors.ts
  20. 11
      src/theme/foundations/textStyles.ts
  21. 2
      src/theme/index.ts

2
src/components/UI/ButtonLinkSecondary.tsx
Unescape View File

@ -18,7 +18,7 @@ export const ButtonLinkSecondary: React.FC<Props> = ({ href, children, ...restPr
<Text textStyle='home-section-link-label'>{children}</Text> <Text textStyle='home-section-link-label'>{children}</Text>
</Link> </Link>
) : ( ) : (
<NextLink href={href.toString()} passHref {...restProps}> <NextLink href={href.toString()} passHref legacyBehavior {...restProps}>
<Link variant='button-link-secondary'> <Link variant='button-link-secondary'>
<Text textStyle='home-section-link-label'>{children}</Text> <Text textStyle='home-section-link-label'>{children}</Text>
</Link> </Link>

57
src/components/UI/DataTable.tsx
Unescape View File

@ -1,4 +1,15 @@
import { Link, Table, Thead, Tr, Th, TableContainer, Text, Tbody, Td } from '@chakra-ui/react'; import {
Link,
Table,
Thead,
Tr,
Th,
TableContainer,
Text,
Tbody,
Td,
Stack
} from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import { OpenPGPSignaturesData, ReleaseData } from '../../types'; import { OpenPGPSignaturesData, ReleaseData } from '../../types';
import { getParsedDate } from '../../utils'; import { getParsedDate } from '../../utils';
@ -30,26 +41,34 @@ export const DataTable: FC<Props> = ({ columnHeaders, data }) => {
pb={4} pb={4}
> >
<Table variant='unstyled'> <Table variant='unstyled'>
<Thead> {data.length > 0 && (
<Tr> <Thead>
{columnHeaders.map((columnHeader, idx) => { <Tr>
return ( {columnHeaders.map((columnHeader, idx) => {
<Th key={idx} textTransform='none' minW={'130.5px'} px={4}> return (
<Text <Th key={idx} textTransform='none' minW={'130.5px'} px={4}>
fontFamily='"JetBrains Mono", monospace' <Text
fontWeight={700} fontFamily='"JetBrains Mono", monospace'
fontSize='md' fontWeight={700}
color='#868b87' //? Use theme color? Or add to theme? fontSize='md'
> color='#868b87' // TODO: Use theme color? Or add to theme?
{columnHeader} >
</Text> {columnHeader}
</Th> </Text>
); </Th>
})} );
</Tr> })}
</Thead> </Tr>
</Thead>
)}
<Tbody> <Tbody>
{data.length === 0 && (
<Stack justifyContent='center' alignItems='center' w='100%' minH={80}>
<Text textStyle='header4'>No builds found</Text>
</Stack>
)}
{dataType === 'Releases' && {dataType === 'Releases' &&
data.map((r: ReleaseData, idx: number) => { data.map((r: ReleaseData, idx: number) => {
return ( return (

6
src/components/UI/Header.tsx
Unescape View File

@ -27,9 +27,11 @@ export const Header: FC = () => {
borderColor='primary' borderColor='primary'
flexGrow={2} flexGrow={2}
> >
<NextLink href={'/'} passHref> <NextLink href={'/'} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='header-font' whiteSpace='nowrap'>go-ethereum</Text> <Text textStyle='header-font' whiteSpace='nowrap'>
go-ethereum
</Text>
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Stack>

4
src/components/UI/HeaderButtons.tsx
Unescape View File

@ -25,7 +25,7 @@ export const HeaderButtons: FC<Props> = ({ close }) => {
return ( return (
<Flex direction={{ base: 'column', md: 'row' }}> <Flex direction={{ base: 'column', md: 'row' }}>
{/* DOWNLOADS */} {/* DOWNLOADS */}
<NextLink href={DOWNLOADS_PAGE} passHref> <NextLink href={DOWNLOADS_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }} onClick={close}> <Link _hover={{ textDecoration: 'none' }} onClick={close}>
<Stack {...menuItemStyles}> <Stack {...menuItemStyles}>
<Text textStyle={{ base: 'header-mobile-button', md: 'header-button' }}>downloads</Text> <Text textStyle={{ base: 'header-mobile-button', md: 'header-button' }}>downloads</Text>
@ -34,7 +34,7 @@ export const HeaderButtons: FC<Props> = ({ close }) => {
</NextLink> </NextLink>
{/* DOCUMENTATION */} {/* DOCUMENTATION */}
<NextLink href={DOCS_PAGE} passHref> <NextLink href={DOCS_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }} onClick={close}> <Link _hover={{ textDecoration: 'none' }} onClick={close}>
<Stack {...menuItemStyles}> <Stack {...menuItemStyles}>
<Text textStyle={{ base: 'header-mobile-button', md: 'header-button' }}> <Text textStyle={{ base: 'header-mobile-button', md: 'header-button' }}>

6
src/components/UI/docs/Breadcrumbs.tsx
Unescape View File

@ -16,7 +16,11 @@ export const Breadcrumbs: FC = () => {
{pathSplit.map((path: string, idx: number) => { {pathSplit.map((path: string, idx: number) => {
return ( return (
<BreadcrumbItem key={path}> <BreadcrumbItem key={path}>
<NextLink href={`/${pathSplit.slice(0, idx + 1).join('/')}`} passHref> <NextLink
href={`/${pathSplit.slice(0, idx + 1).join('/')}`}
passHref
legacyBehavior
>
<BreadcrumbLink color={idx + 1 === pathSplit.length ? 'body' : 'primary'}> <BreadcrumbLink color={idx + 1 === pathSplit.length ? 'body' : 'primary'}>
{path} {path}
</BreadcrumbLink> </BreadcrumbLink>

10
src/components/UI/docs/DocsLinks.tsx
Unescape View File

@ -9,7 +9,7 @@ import {
Stack, Stack,
Text Text
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { AddIcon, MinusIcon } from '../svgs/' import { AddIcon, MinusIcon } from '../svgs/';
import NextLink from 'next/link'; import NextLink from 'next/link';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
@ -27,7 +27,7 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
return ( return (
<Stack border='2px' borderColor='primary'> <Stack border='2px' borderColor='primary'>
{navLinks.map(({ id, to, items }, idx) => { {navLinks.map(({ id, to, items }, idx) => {
const split = to?.split('/') const split = to?.split('/');
const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1]; const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
return ( return (
<Accordion key={id} allowToggle mt='0 !important' defaultIndex={[0]}> <Accordion key={id} allowToggle mt='0 !important' defaultIndex={[0]}>
@ -52,7 +52,7 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
_groupHover={{ background: 'primary', color: 'bg', textDecoration: 'none' }} _groupHover={{ background: 'primary', color: 'bg', textDecoration: 'none' }}
> >
{to ? ( {to ? (
<NextLink href={to} passHref> <NextLink href={to} passHref legacyBehavior>
<Link textDecoration='none !important'> <Link textDecoration='none !important'>
<Text <Text
textStyle='docs-nav-dropdown' textStyle='docs-nav-dropdown'
@ -62,7 +62,7 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
verticalAlign: '-1.25px', verticalAlign: '-1.25px',
marginInlineEnd: 2, marginInlineEnd: 2,
fontSize: 'lg', fontSize: 'lg',
display: isActive ? 'unset' : 'none', display: isActive ? 'unset' : 'none'
}} }}
_groupHover={{ color: 'bg' }} _groupHover={{ color: 'bg' }}
> >
@ -100,4 +100,4 @@ export const DocsLinks: FC<Props> = ({ navLinks }) => {
})} })}
</Stack> </Stack>
); );
} };

8
src/components/UI/docs/DocumentNav.tsx
Unescape View File

@ -27,7 +27,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
<Divider borderColor='primary' my={`4 !important`} /> <Divider borderColor='primary' my={`4 !important`} />
{parsedHeadings.map((heading, idx) => { {parsedHeadings.map((heading, idx) => {
return ( return (
<NextLink key={`${idx} ${heading?.title}`} href={`#${heading?.headingId}`}> <NextLink key={`${idx} ${heading?.title}`} href={`#${heading?.headingId}`} legacyBehavior>
<Link m={0} textDecoration='none !important'> <Link m={0} textDecoration='none !important'>
<Text <Text
color={activeHash === heading?.headingId ? 'body' : 'primary'} color={activeHash === heading?.headingId ? 'body' : 'primary'}
@ -36,19 +36,19 @@ export const DocumentNav: FC<Props> = ({ content }) => {
_hover={{ _hover={{
background: 'primary', background: 'primary',
boxShadow: '0 0 0 6px var(--chakra-colors-primary)', boxShadow: '0 0 0 6px var(--chakra-colors-primary)',
color: 'bg', color: 'bg'
}} }}
_focus={{ _focus={{
background: 'primary', background: 'primary',
boxShadow: '0 0 0 6px var(--chakra-colors-primary) !important', boxShadow: '0 0 0 6px var(--chakra-colors-primary) !important',
color: 'bg', color: 'bg',
outline: '2px solid var(--chakra-colors-secondary) !important', outline: '2px solid var(--chakra-colors-secondary) !important',
outlineOffset: '4px', outlineOffset: '4px'
}} }}
_active={{ _active={{
background: 'secondary', background: 'secondary',
boxShadow: '0 0 0 6px var(--chakra-colors-secondary)', boxShadow: '0 0 0 6px var(--chakra-colors-secondary)',
color: 'bg', color: 'bg'
}} }}
> >
{heading?.title} {heading?.title}

16
src/components/UI/docs/LinksList.tsx
Unescape View File

@ -15,11 +15,16 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
return ( return (
<Stack px={4}> <Stack px={4}>
{links.map(({ id, to, items }) => { {links.map(({ id, to, items }) => {
const split = to?.split('/') const split = to?.split('/');
const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1]; const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
return to ? ( return to ? (
<Stack key={id} pb={items ? 6 : 0} _hover={{ background: 'primary', color: 'bg' }} data-group> <Stack
<NextLink href={to} passHref key={id}> key={id}
pb={items ? 6 : 0}
_hover={{ background: 'primary', color: 'bg' }}
data-group
>
<NextLink href={to} passHref key={id} legacyBehavior>
<Link textDecoration='none !important'> <Link textDecoration='none !important'>
<Text <Text
textStyle='docs-nav-links' textStyle='docs-nav-links'
@ -29,12 +34,11 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
verticalAlign: '-1.25px', verticalAlign: '-1.25px',
marginInlineEnd: 2, marginInlineEnd: 2,
fontSize: 'lg', fontSize: 'lg',
display: isActive ? 'unset' : 'none', display: isActive ? 'unset' : 'none'
}} }}
_groupHover={{ _groupHover={{
color: 'bg', color: 'bg',
boxShadow: '0 0 0 var(--chakra-space-2) var(--chakra-colors-primary)', boxShadow: '0 0 0 var(--chakra-space-2) var(--chakra-colors-primary)'
}} }}
> >
{id} {id}

19
src/components/UI/docs/MDComponents.tsx
Unescape View File

@ -35,14 +35,14 @@ const MDComponents = {
{children} {children}
</Link> </Link>
) : ( ) : (
<NextLink href={href} passHref> <NextLink href={href} passHref legacyBehavior>
<Link variant='light'>{children}</Link> <Link variant='light'>{children}</Link>
</NextLink> </NextLink>
); );
}, },
// headings // headings
h1: ({ children }: any) => { h1: ({ children }: any) => {
const { children: parsedChildren, headingId} = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h1' textAlign='start' mb='5 !important' {...header1} id={headingId}> <Heading as='h1' textAlign='start' mb='5 !important' {...header1} id={headingId}>
@ -51,16 +51,23 @@ const MDComponents = {
); );
}, },
h2: ({ children }: any) => { h2: ({ children }: any) => {
const { children: parsedChildren, headingId} = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h2' textAlign='start' mt={{ base: '12 !important' , md: '16 !important'}} mb='4 !important' {...header2} id={headingId}> <Heading
as='h2'
textAlign='start'
mt={{ base: '12 !important', md: '16 !important' }}
mb='4 !important'
{...header2}
id={headingId}
>
{parsedChildren} {parsedChildren}
</Heading> </Heading>
); );
}, },
h3: ({ children }: any) => { h3: ({ children }: any) => {
const { children: parsedChildren, headingId} = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h3' mt='5 !important' mb='2.5 !important' {...header3} id={headingId}> <Heading as='h3' mt='5 !important' mb='2.5 !important' {...header3} id={headingId}>
{parsedChildren} {parsedChildren}
@ -68,7 +75,7 @@ const MDComponents = {
); );
}, },
h4: ({ children }: any) => { h4: ({ children }: any) => {
const { children: parsedChildren, headingId} = parseHeadingId(children); const { children: parsedChildren, headingId } = parseHeadingId(children);
return ( return (
<Heading as='h4' mb='2.5 !important' {...header4} id={headingId}> <Heading as='h4' mb='2.5 !important' {...header4} id={headingId}>

11
src/components/UI/downloads/DownloadsHero.tsx
Unescape View File

@ -80,12 +80,17 @@ export const DownloadsHero: FC<DownloadsHero> = ({
<Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4}> <Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4}>
{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 legacyBehavior>
<Button as='a' variant='downloadsHeader' width={{ base: '100%' }} h={16}> <Button as='a' variant='downloadsHeader' width={{ base: '100%' }} h={16} data-group>
<HStack spacing={4}> <HStack spacing={4}>
<Stack alignItems='center'> <Stack alignItems='center'>
<Svg aria-label={ariaLabel} maxH='44px' /> <Svg
aria-label={ariaLabel}
maxH='44px'
_groupHover={{ color: 'yellow.50' }}
/>
</Stack> </Stack>
<Box> <Box>
<Text textStyle='downloads-button-label'>For {name}</Text> <Text textStyle='downloads-button-label'>For {name}</Text>

11
src/components/UI/downloads/DownloadsTable.tsx
Unescape View File

@ -12,6 +12,7 @@ interface Props {
windowsData: ReleaseData[]; windowsData: ReleaseData[];
iOSData: ReleaseData[]; iOSData: ReleaseData[];
androidData: ReleaseData[]; androidData: ReleaseData[];
totalReleasesNumber: number;
amountOfReleasesToShow: number; amountOfReleasesToShow: number;
setTotalReleases: (idx: number) => void; setTotalReleases: (idx: number) => void;
} }
@ -22,6 +23,7 @@ export const DownloadsTable: FC<Props> = ({
windowsData, windowsData,
iOSData, iOSData,
androidData, androidData,
totalReleasesNumber,
amountOfReleasesToShow, amountOfReleasesToShow,
setTotalReleases setTotalReleases
}) => { }) => {
@ -36,7 +38,14 @@ export const DownloadsTable: FC<Props> = ({
const LAST_2_LINUX_RELEASES = amountOfReleasesToShow + 12; const LAST_2_LINUX_RELEASES = amountOfReleasesToShow + 12;
return ( return (
<Stack sx={{ mt: '0 !important' }} borderBottom='2px solid' borderColor='primary'> <Stack
sx={{ mt: '0 !important' }}
borderBottom={
amountOfReleasesToShow < totalReleasesNumber
? '2px solid var(--chakra-colors-primary)'
: 'none'
}
>
<Tabs variant='unstyled' onChange={idx => setTotalReleases(totalReleases[idx])}> <Tabs variant='unstyled' onChange={idx => setTotalReleases(totalReleases[idx])}>
<TabList color='primary' bg='button-bg'> <TabList color='primary' bg='button-bg'>
{DOWNLOADS_TABLE_TABS.map((tab, idx) => { {DOWNLOADS_TABLE_TABS.map((tab, idx) => {

8
src/components/UI/homepage/HomeHero.tsx
Unescape View File

@ -36,8 +36,8 @@ export const HomeHero: FC = () => {
alignItems={{ base: 'center', md: 'flex-start' }} alignItems={{ base: 'center', md: 'flex-start' }}
> >
<Flex direction='column' alignItems='center' mr={{ md: 6 }}> <Flex direction='column' alignItems='center' mr={{ md: 6 }}>
<NextLink href={DOWNLOADS_PAGE} passHref> <NextLink href={DOWNLOADS_PAGE} passHref legacyBehavior>
<Button variant='primary' as='a' mb={1}> <Button variant='primary' as='a' mb={1} data-group>
<Text textStyle='homepage-primary-label'>Download</Text> <Text textStyle='homepage-primary-label'>Download</Text>
</Button> </Button>
</NextLink> </NextLink>
@ -48,8 +48,8 @@ export const HomeHero: FC = () => {
</Flex> </Flex>
<Flex direction='column' alignItems='center'> <Flex direction='column' alignItems='center'>
<NextLink href={DOCS_PAGE} passHref> <NextLink href={DOCS_PAGE} passHref legacyBehavior>
<Button variant='primary' as='a' mb={1}> <Button variant='primary' as='a' mb={1} data-group>
<Text textStyle='homepage-primary-label'>Documentation</Text> <Text textStyle='homepage-primary-label'>Documentation</Text>
</Button> </Button>
</NextLink> </NextLink>

6
src/components/UI/homepage/QuickLinks.tsx
Unescape View File

@ -28,7 +28,7 @@ export const QuickLinks: FC = () => {
</Stack> </Stack>
</GridItem> </GridItem>
<GridItem borderBottom='2px solid' borderColor='primary'> <GridItem borderBottom='2px solid' borderColor='primary'>
<NextLink href={`${DOCS_PAGE}/getting-started`} passHref> <NextLink href={`${DOCS_PAGE}/getting-started`} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Stack <Stack
data-group data-group
@ -66,7 +66,7 @@ export const QuickLinks: FC = () => {
</Stack> </Stack>
</GridItem> </GridItem>
<GridItem borderBottom='2px solid' borderColor='primary'> <GridItem borderBottom='2px solid' borderColor='primary'>
<NextLink href={FAQ_PAGE} passHref> <NextLink href={FAQ_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Stack <Stack
data-group data-group
@ -104,7 +104,7 @@ export const QuickLinks: FC = () => {
</Stack> </Stack>
</GridItem> </GridItem>
<GridItem> <GridItem>
<NextLink href={CONTRIBUTING_PAGE} passHref> <NextLink href={CONTRIBUTING_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Stack <Stack
data-group data-group

6
src/components/UI/svgs/AddIcon.tsx
Unescape View File

@ -8,9 +8,9 @@ const Icon = createIcon({
viewBox: `0 0 ${w} ${h}`, viewBox: `0 0 ${w} ${h}`,
path: ( path: (
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'> <svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<g fill="currentColor"> <g fill='currentColor'>
<rect height="2" width="20" x="2" y="11"></rect> <rect height='2' width='20' x='2' y='11'></rect>
<rect height="20" width="2" x="11" y="2"></rect> <rect height='20' width='2' x='11' y='2'></rect>
</g> </g>
</svg> </svg>
) )

4
src/components/UI/svgs/MinusIcon.tsx
Unescape View File

@ -8,8 +8,8 @@ const Icon = createIcon({
viewBox: `0 0 ${w} ${h}`, viewBox: `0 0 ${w} ${h}`,
path: ( path: (
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'> <svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<g fill="currentColor"> <g fill='currentColor'>
<rect height="2" width="20" x="2" y="11"></rect> <rect height='2' width='20' x='2' y='11'></rect>
</g> </g>
</svg> </svg>
) )

4
src/components/layouts/Footer.tsx
Unescape View File

@ -43,7 +43,7 @@ export const Footer: FC = () => {
borderColor='primary' borderColor='primary'
p={4} p={4}
> >
<NextLink href={DOWNLOADS_PAGE} passHref> <NextLink href={DOWNLOADS_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='footer-link-label'>DOWNLOADS</Text> <Text textStyle='footer-link-label'>DOWNLOADS</Text>
</Link> </Link>
@ -61,7 +61,7 @@ export const Footer: FC = () => {
borderColor='primary' borderColor='primary'
p={4} p={4}
> >
<NextLink href={DOCS_PAGE} passHref> <NextLink href={DOCS_PAGE} passHref legacyBehavior>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='footer-link-label'>DOCUMENTATION</Text> <Text textStyle='footer-link-label'>DOCUMENTATION</Text>
</Link> </Link>

5
src/pages/[...slug].tsx
Unescape View File

@ -116,7 +116,10 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
</Stack> </Stack>
<Flex width='100%' placeContent='space-between' gap={8}> <Flex width='100%' placeContent='space-between' gap={8}>
<Box maxW='min(100%, 768px)' sx={{ '*:first-of-type': { marginTop: '0 !important' } }}> <Box
maxW='min(100%, 768px)'
sx={{ '*:first-of-type': { marginTop: '0 !important' } }}
>
<ReactMarkdown <ReactMarkdown
remarkPlugins={[gfm]} remarkPlugins={[gfm]}
rehypePlugins={[rehypeRaw]} rehypePlugins={[rehypeRaw]}

2
src/pages/downloads.tsx
Unescape View File

@ -368,6 +368,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
windowsData={ALL_WINDOWS_STABLE_RELEASES} windowsData={ALL_WINDOWS_STABLE_RELEASES}
iOSData={ALL_IOS_STABLE_RELEASES} iOSData={ALL_IOS_STABLE_RELEASES}
androidData={ALL_ANDROID_STABLE_RELEASES} androidData={ALL_ANDROID_STABLE_RELEASES}
totalReleasesNumber={totalStableReleases}
amountOfReleasesToShow={amountStableReleases} amountOfReleasesToShow={amountStableReleases}
setTotalReleases={setTotalStableReleases} setTotalReleases={setTotalStableReleases}
/> />
@ -423,6 +424,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
windowsData={ALL_WINDOWS_DEV_BUILDS} windowsData={ALL_WINDOWS_DEV_BUILDS}
iOSData={ALL_IOS_DEV_BUILDS} iOSData={ALL_IOS_DEV_BUILDS}
androidData={ALL_ANDROID_DEV_BUILDS} androidData={ALL_ANDROID_DEV_BUILDS}
totalReleasesNumber={totalDevBuilds}
amountOfReleasesToShow={amountDevBuilds} amountOfReleasesToShow={amountDevBuilds}
setTotalReleases={setTotalDevBuilds} setTotalReleases={setTotalDevBuilds}
/> />

2
src/theme/foundations/colors.ts
Unescape View File

@ -9,7 +9,7 @@ export const colors = {
600: '#11866f', 600: '#11866f',
700: '#08715C', 700: '#08715C',
800: '#25453f', 800: '#25453f',
900: '#02211B' 900: '#01100D'
}, },
gray: { gray: {
800: '#1d242c' 800: '#1d242c'

11
src/theme/foundations/textStyles.ts
Unescape View File

@ -77,7 +77,8 @@ export const textStyles = {
fontFamily: 'heading', fontFamily: 'heading',
color: 'bg', color: 'bg',
fontWeight: 700, fontWeight: 700,
textTransform: 'uppercase' textTransform: 'uppercase',
_groupHover: { color: 'yellow.50' }
}, },
'home-section-link-label': { 'home-section-link-label': {
fontFamily: 'heading', fontFamily: 'heading',
@ -124,13 +125,15 @@ export const textStyles = {
fontFamily: 'heading', fontFamily: 'heading',
color: 'bg', color: 'bg',
fontSize: { base: 'md', lg: 'xl' }, fontSize: { base: 'md', lg: 'xl' },
textTransform: 'uppercase' textTransform: 'uppercase',
_groupHover: { color: 'yellow.50' }
}, },
'downloads-button-sublabel': { 'downloads-button-sublabel': {
fontFamily: 'heading', fontFamily: 'heading',
color: 'bg', color: 'bg',
fontSize: { base: 'xs', lg: 'sm' }, fontSize: { base: 'xs', lg: 'sm' },
textTransform: 'uppercase' textTransform: 'uppercase',
_groupHover: { color: 'yellow.50' }
}, },
'download-tab-label': { 'download-tab-label': {
fontFamily: 'heading', fontFamily: 'heading',
@ -190,7 +193,7 @@ export const textStyles = {
fontWeight: 400, fontWeight: 400,
fontSize: '13px', fontSize: '13px',
lineHeight: 5, lineHeight: 5,
letterSpacing: '1%', letterSpacing: '1%'
}, },
'note-text': { 'note-text': {
fontFamily: 'body', fontFamily: 'body',

2
src/theme/index.ts
Unescape View File

@ -27,7 +27,7 @@ const overrides = {
textStyles, textStyles,
semanticTokens: { semanticTokens: {
colors: { colors: {
primary: { _light: 'green.600', _dark: 'green.200' }, primary: { _light: 'green.700', _dark: 'green.200' },
secondary: { _light: 'green.800', _dark: 'green.600' }, secondary: { _light: 'green.800', _dark: 'green.600' },
'button-bg': { _light: 'green.50', _dark: 'green.900' }, 'button-bg': { _light: 'green.50', _dark: 'green.900' },
body: { _light: 'gray.800', _dark: 'yellow.50' }, body: { _light: 'gray.800', _dark: 'yellow.50' },

Write Preview
Loading…
Cancel
Save