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

prettier

This commit is contained in:
Corwin Smith 2022-12-12 18:57:57 -07:00
parent 83c67a88a1
commit 31233f1433
27 changed files with 1233 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/UI/docs/DocsNav.tsx
View File

@ -17,11 +17,11 @@ interface Props {
}
export const DocsNav: FC<Props> = ({ navLinks }) => {
const [isMobileAccordionOpen, setMobileAccordionState] = useState(false)
const [isMobileAccordionOpen, setMobileAccordionState] = useState(false);
const toggleMobileAccordion = () => {
setMobileAccordionState(prev => !prev)
}
setMobileAccordionState(prev => !prev);
};
return (
<Stack w={{ base: '100%', lg: 72 }} as='aside'>
@ -30,7 +30,11 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
</Stack>
<Stack display={{ base: 'block', lg: 'none' }}>
<Accordion allowToggle index={isMobileAccordionOpen ? 0 : -1} onChange={toggleMobileAccordion}>
<Accordion
allowToggle
index={isMobileAccordionOpen ? 0 : -1}
onChange={toggleMobileAccordion}
>
<AccordionItem border='none'>
<AccordionButton
display='flex'
@ -49,9 +53,7 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
color: 'bg'
}}
>
<Text textStyle='docs-nav-dropdown' >
Documentation
</Text>
<Text textStyle='docs-nav-dropdown'>Documentation</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel p={0}>

4
src/components/UI/docs/DocumentNav.tsx
View File

@ -21,9 +21,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
return (
<Box as='aside' position='sticky' top='4'>
<Text textStyle='document-nav-title'>
on this page
</Text>
<Text textStyle='document-nav-title'>on this page</Text>
<Divider borderColor='primary' my={`4 !important`} />
{parsedHeadings.map((heading, idx) => {
return (

2
src/components/UI/docs/LinksList.tsx
View File

@ -46,7 +46,7 @@ export const LinksList: FC<LinksListProps> = ({ links, toggleMobileAccordion })
</Text>
</Link>
</NextLink>
{items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion}/>}
{items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion} />}
</Stack>
) : (
<Stack key={id} pb={6}>

7
src/components/UI/icons/DiscordIcon.tsx
View File

@ -4,6 +4,11 @@ export const DiscordIcon = createIcon({
displayName: 'DiscordIcon',
viewBox: '0 0 32 24',
path: (
<svg width="32" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.985 2.027a.08.08 0 0 0-.041-.038A26.099 26.099 0 0 0 20.515.002a.098.098 0 0 0-.104.048c-.294.533-.56 1.08-.8 1.64a24.112 24.112 0 0 0-7.22 0c-.24-.561-.511-1.109-.812-1.64a.101.101 0 0 0-.104-.048c-2.22.381-4.38 1.05-6.427 1.988a.092.092 0 0 0-.043.036C.912 8.124-.209 14.073.341 19.948a.108.108 0 0 0 .041.073 26.216 26.216 0 0 0 7.885 3.975.102.102 0 0 0 .111-.037 18.644 18.644 0 0 0 1.613-2.616.1.1 0 0 0-.054-.139 17.266 17.266 0 0 1-2.464-1.17.101.101 0 0 1-.04-.13.101.101 0 0 1 .03-.038c.166-.124.332-.252.49-.382a.099.099 0 0 1 .102-.014c5.168 2.353 10.763 2.353 15.87 0a.098.098 0 0 1 .103.013c.158.13.324.26.49.383a.102.102 0 0 1 .04.086.1.1 0 0 1-.048.082c-.787.458-1.612.85-2.465 1.17a.1.1 0 0 0-.054.139 20.94 20.94 0 0 0 1.612 2.615.1.1 0 0 0 .111.038 26.126 26.126 0 0 0 7.898-3.975.1.1 0 0 0 .041-.072c.66-6.792-1.102-12.692-4.668-17.922zM10.763 16.37c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.257-3.174 2.838-3.174 1.593 0 2.863 1.437 2.838 3.174 0 1.75-1.257 3.173-2.838 3.173zm10.493 0c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.258-3.174 2.838-3.174 1.594 0 2.863 1.437 2.838 3.174 0 1.75-1.244 3.173-2.838 3.173z" fill="currentColor"/></svg>
<svg width='32' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M26.985 2.027a.08.08 0 0 0-.041-.038A26.099 26.099 0 0 0 20.515.002a.098.098 0 0 0-.104.048c-.294.533-.56 1.08-.8 1.64a24.112 24.112 0 0 0-7.22 0c-.24-.561-.511-1.109-.812-1.64a.101.101 0 0 0-.104-.048c-2.22.381-4.38 1.05-6.427 1.988a.092.092 0 0 0-.043.036C.912 8.124-.209 14.073.341 19.948a.108.108 0 0 0 .041.073 26.216 26.216 0 0 0 7.885 3.975.102.102 0 0 0 .111-.037 18.644 18.644 0 0 0 1.613-2.616.1.1 0 0 0-.054-.139 17.266 17.266 0 0 1-2.464-1.17.101.101 0 0 1-.04-.13.101.101 0 0 1 .03-.038c.166-.124.332-.252.49-.382a.099.099 0 0 1 .102-.014c5.168 2.353 10.763 2.353 15.87 0a.098.098 0 0 1 .103.013c.158.13.324.26.49.383a.102.102 0 0 1 .04.086.1.1 0 0 1-.048.082c-.787.458-1.612.85-2.465 1.17a.1.1 0 0 0-.054.139 20.94 20.94 0 0 0 1.612 2.615.1.1 0 0 0 .111.038 26.126 26.126 0 0 0 7.898-3.975.1.1 0 0 0 .041-.072c.66-6.792-1.102-12.692-4.668-17.922zM10.763 16.37c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.257-3.174 2.838-3.174 1.593 0 2.863 1.437 2.838 3.174 0 1.75-1.257 3.173-2.838 3.173zm10.493 0c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.258-3.174 2.838-3.174 1.594 0 2.863 1.437 2.838 3.174 0 1.75-1.244 3.173-2.838 3.173z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/GitHubIcon.tsx
View File

@ -4,6 +4,11 @@ export const GitHubIcon = createIcon({
displayName: 'GitHubIcon',
viewBox: '0 0 26 24',
path: (
<svg width="26" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.829 19.325c0 .099-.117.178-.264.178-.168.015-.285-.064-.285-.178 0-.1.117-.179.264-.179.153-.015.285.065.285.179zm-1.58-.224c-.036.1.066.214.218.244.132.05.285 0 .315-.1.03-.099-.066-.213-.218-.258-.132-.034-.28.015-.315.114zm2.245-.084c-.147.035-.249.13-.233.243.015.1.147.164.3.13.147-.035.248-.13.233-.229-.015-.094-.152-.159-.3-.144zM12.837 0C5.791 0 .4 5.226.4 12.109c0 5.504 3.546 10.213 8.612 11.87.65.115.879-.277.879-.6 0-.307-.016-2.005-.016-3.047 0 0-3.556.745-4.303-1.479 0 0-.58-1.444-1.412-1.816 0 0-1.164-.78.081-.764 0 0 1.265.099 1.961 1.28 1.113 1.916 2.977 1.365 3.704 1.037.117-.794.447-1.345.813-1.672-2.84-.308-5.706-.71-5.706-5.484 0-1.365.386-2.05 1.2-2.923-.133-.323-.565-1.653.131-3.37 1.062-.322 3.506 1.34 3.506 1.34a12.203 12.203 0 0 1 3.19-.422c1.083 0 2.175.144 3.191.422 0 0 2.444-1.667 3.506-1.34.696 1.722.264 3.047.132 3.37.813.878 1.31 1.563 1.31 2.923 0 4.79-2.992 5.171-5.832 5.484.468.392.864 1.136.864 2.303 0 1.672-.015 3.741-.015 4.148 0 .323.233.715.879.6 5.08-1.647 8.525-6.356 8.525-11.86C25.6 5.226 19.884 0 12.837 0zM5.338 17.116c-.066.05-.05.164.036.258.081.08.198.115.264.05.066-.05.051-.164-.035-.258-.082-.08-.199-.114-.265-.05zm-.548-.402c-.036.065.015.144.117.194.08.05.182.035.218-.035.036-.064-.015-.144-.117-.193-.101-.03-.183-.015-.218.034zm1.646 1.767c-.081.065-.051.213.066.308.117.114.264.129.33.05.066-.065.036-.214-.066-.308-.112-.114-.264-.13-.33-.05zm-.58-.73c-.08.05-.08.18 0 .293.082.114.22.164.285.114.081-.064.081-.193 0-.307-.071-.114-.203-.164-.284-.1z" fill="currentColor"/></svg>
<svg width='26' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M8.829 19.325c0 .099-.117.178-.264.178-.168.015-.285-.064-.285-.178 0-.1.117-.179.264-.179.153-.015.285.065.285.179zm-1.58-.224c-.036.1.066.214.218.244.132.05.285 0 .315-.1.03-.099-.066-.213-.218-.258-.132-.034-.28.015-.315.114zm2.245-.084c-.147.035-.249.13-.233.243.015.1.147.164.3.13.147-.035.248-.13.233-.229-.015-.094-.152-.159-.3-.144zM12.837 0C5.791 0 .4 5.226.4 12.109c0 5.504 3.546 10.213 8.612 11.87.65.115.879-.277.879-.6 0-.307-.016-2.005-.016-3.047 0 0-3.556.745-4.303-1.479 0 0-.58-1.444-1.412-1.816 0 0-1.164-.78.081-.764 0 0 1.265.099 1.961 1.28 1.113 1.916 2.977 1.365 3.704 1.037.117-.794.447-1.345.813-1.672-2.84-.308-5.706-.71-5.706-5.484 0-1.365.386-2.05 1.2-2.923-.133-.323-.565-1.653.131-3.37 1.062-.322 3.506 1.34 3.506 1.34a12.203 12.203 0 0 1 3.19-.422c1.083 0 2.175.144 3.191.422 0 0 2.444-1.667 3.506-1.34.696 1.722.264 3.047.132 3.37.813.878 1.31 1.563 1.31 2.923 0 4.79-2.992 5.171-5.832 5.484.468.392.864 1.136.864 2.303 0 1.672-.015 3.741-.015 4.148 0 .323.233.715.879.6 5.08-1.647 8.525-6.356 8.525-11.86C25.6 5.226 19.884 0 12.837 0zM5.338 17.116c-.066.05-.05.164.036.258.081.08.198.115.264.05.066-.05.051-.164-.035-.258-.082-.08-.199-.114-.265-.05zm-.548-.402c-.036.065.015.144.117.194.08.05.182.035.218-.035.036-.064-.015-.144-.117-.193-.101-.03-.183-.015-.218.034zm1.646 1.767c-.081.065-.051.213.066.308.117.114.264.129.33.05.066-.065.036-.214-.066-.308-.112-.114-.264-.13-.33-.05zm-.58-.73c-.08.05-.08.18 0 .293.082.114.22.164.285.114.081-.064.081-.193 0-.307-.071-.114-.203-.164-.284-.1z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/HamburgerIcon.tsx
View File

@ -4,6 +4,11 @@ export const HamburgerIcon = createIcon({
displayName: 'HamburgerIcon',
viewBox: '0 0 22 14',
path: (
<svg width="22" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 .5h22v.97H0V.5zm0 6.017h22v.97H0v-.97zm22 6.013H0v.97h22v-.97z" fill="currentColor"/></svg>
<svg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M0 .5h22v.97H0V.5zm0 6.017h22v.97H0v-.97zm22 6.013H0v.97h22v-.97z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/LensIcon.tsx
View File

@ -4,6 +4,11 @@ export const LensIcon = createIcon({
displayName: 'LensIcon',
viewBox: '0 0 17 18',
path: (
<svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.15 11.192h-.768l-.272-.263a6.29 6.29 0 0 0 1.526-4.111 6.317 6.317 0 1 0-6.318 6.318 6.29 6.29 0 0 0 4.111-1.526l.263.272v.768l4.86 4.85L17 16.052l-4.85-4.86zm-5.832 0a4.368 4.368 0 0 1-4.374-4.374 4.368 4.368 0 0 1 4.374-4.374 4.368 4.368 0 0 1 4.374 4.374 4.368 4.368 0 0 1-4.374 4.374z" fill="currentColor"/></svg>
<svg width='17' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M12.15 11.192h-.768l-.272-.263a6.29 6.29 0 0 0 1.526-4.111 6.317 6.317 0 1 0-6.318 6.318 6.29 6.29 0 0 0 4.111-1.526l.263.272v.768l4.86 4.85L17 16.052l-4.85-4.86zm-5.832 0a4.368 4.368 0 0 1-4.374-4.374 4.368 4.368 0 0 1 4.374-4.374 4.368 4.368 0 0 1 4.374 4.374 4.368 4.368 0 0 1-4.374 4.374z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/LinuxPenguin.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'LinuxPenguin',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.305 28.28c-.82-.65-.501-2.087-1.353-2.796.825-4.907-1.488-9.233-4.246-12.005-2.314-2.326-1.568-4.59-1.568-6.548C19.138 3.801 17.823.5 13.84.5 9.583.5 8.416 3.97 8.374 5.951c-.101 4.757.984 5.994-1.865 9.456-3.352 4.073-3.846 8.136-3.09 10.291-.353.403-.83.85-1.723 1.218-2.465 1.05-.658 2.808-1.34 4.054a2.25 2.25 0 0 0-.286 1.08c0 1.093.89 2.04 2.505 1.898 2.18-.19 4.192 1.32 5.493 1.32 1.15 0 2.092-.639 2.531-1.518 2.055-.494 4.592-.432 6.645.086.369 1.008 1.369 1.664 2.48 1.664 2.434 0 2.903-2.697 5.695-3.61 1.005-.328 1.511-1.281 1.511-2.17 0-.568-.207-1.11-.625-1.44zm-13.65-15.262c-.476 0-.87-.376-1.492-.828-.788-.572-1.59-.901-1.58-1.502 0-.413.566-.54 1.297-.993.785-.486 1.09-.979 1.863-.979.791 0 1.03.391 2.105.845 1.056.447 1.792.622 1.792 1.127 0 .518-1.106.888-1.728 1.266-.915.551-1.385 1.064-2.257 1.064zm2.485-7.605c1.316.206 1.464 2.466.834 3.579l-.53-.212c.275-.791.27-2.095-.649-2.178-.583-.053-.96.7-1.04 1.344a2.564 2.564 0 0 0-.78-.185c.092-1.346.982-2.533 2.165-2.348zm-5.078.483c1.009-.245 1.604.901 1.609 2.093l-.463.277c-.063-.5-.291-1.309-.864-1.136-.613.186-.513 1.579-.172 1.865l-.456.248c-.627-1.031-.626-3.11.346-3.347zM6.906 33.959c-2.93-1.303-3.925-1.007-4.484-1.007-1.16 0-1.539-.844-1.103-1.643.37-.678.255-1.389.164-1.959-.14-.873-.166-1.158.713-1.534 1.216-.505 1.757-1.153 2.16-1.64 1.13-1.366 2.272.784 3.208 2.699.607 1.24 1.803 1.87 2.171 3.245.339 1.27-1.06 2.626-2.83 1.839zm10.426-2.733c-2.065.981-4.696 1.432-6.664.436-.291-.821-.757-1.352-1.258-1.886.804-.207 1.401-1.187.686-2.171-.762-1.052-2.32-1.785-3.895-2.975-1.472-1.113-1.938-3.856.068-6.922-.978 2.716-.406 5.218.085 5.934.101-1.44.218-3.847 2.232-6.73 1.016-1.455 1.031-3.377 1.054-4.58l.925.62c.68.49 1.25 1.032 2.068 1.032 1.209 0 1.877-.68 2.809-1.244.364-.219.914-.44 1.377-.748.776 3.61 3.99 7.953 4.17 10.427.748-1.505-.211-5.125-.211-5.125 1.256 1.874 1.356 3.436 1.411 5.352.88.352 1.823 1.267 1.909 2.474l-.366-.041c-.188-1.34-3.89-3.31-4.223-.786-1.775.264-1.13 3.013-1.487 4.795-.165.815-.469 1.46-.69 2.138zm7.232-.06c-1.47.554-2.463 1.73-3.145 2.461-1.313 1.41-3.05.734-3.235-.584-.195-1.409.537-2.178.854-3.754.288-1.44-.035-3.655.643-3.89.44 2.556 3.083 1.48 3.686.784.98 0 1.062.323 1.282 1.22.137.562.326 1.034.862 1.59.624.652.433 1.652-.947 2.173zM12.626 12.199c-.972 0-1.699-.632-2.29-1.122-.302-.25.075-.71.378-.46.577.48 1.16.985 1.912.985.905 0 1.704-.757 2.786-1.174.368-.141.579.416.213.557-1.05.404-1.894 1.214-3 1.214z" fill="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M26.305 28.28c-.82-.65-.501-2.087-1.353-2.796.825-4.907-1.488-9.233-4.246-12.005-2.314-2.326-1.568-4.59-1.568-6.548C19.138 3.801 17.823.5 13.84.5 9.583.5 8.416 3.97 8.374 5.951c-.101 4.757.984 5.994-1.865 9.456-3.352 4.073-3.846 8.136-3.09 10.291-.353.403-.83.85-1.723 1.218-2.465 1.05-.658 2.808-1.34 4.054a2.25 2.25 0 0 0-.286 1.08c0 1.093.89 2.04 2.505 1.898 2.18-.19 4.192 1.32 5.493 1.32 1.15 0 2.092-.639 2.531-1.518 2.055-.494 4.592-.432 6.645.086.369 1.008 1.369 1.664 2.48 1.664 2.434 0 2.903-2.697 5.695-3.61 1.005-.328 1.511-1.281 1.511-2.17 0-.568-.207-1.11-.625-1.44zm-13.65-15.262c-.476 0-.87-.376-1.492-.828-.788-.572-1.59-.901-1.58-1.502 0-.413.566-.54 1.297-.993.785-.486 1.09-.979 1.863-.979.791 0 1.03.391 2.105.845 1.056.447 1.792.622 1.792 1.127 0 .518-1.106.888-1.728 1.266-.915.551-1.385 1.064-2.257 1.064zm2.485-7.605c1.316.206 1.464 2.466.834 3.579l-.53-.212c.275-.791.27-2.095-.649-2.178-.583-.053-.96.7-1.04 1.344a2.564 2.564 0 0 0-.78-.185c.092-1.346.982-2.533 2.165-2.348zm-5.078.483c1.009-.245 1.604.901 1.609 2.093l-.463.277c-.063-.5-.291-1.309-.864-1.136-.613.186-.513 1.579-.172 1.865l-.456.248c-.627-1.031-.626-3.11.346-3.347zM6.906 33.959c-2.93-1.303-3.925-1.007-4.484-1.007-1.16 0-1.539-.844-1.103-1.643.37-.678.255-1.389.164-1.959-.14-.873-.166-1.158.713-1.534 1.216-.505 1.757-1.153 2.16-1.64 1.13-1.366 2.272.784 3.208 2.699.607 1.24 1.803 1.87 2.171 3.245.339 1.27-1.06 2.626-2.83 1.839zm10.426-2.733c-2.065.981-4.696 1.432-6.664.436-.291-.821-.757-1.352-1.258-1.886.804-.207 1.401-1.187.686-2.171-.762-1.052-2.32-1.785-3.895-2.975-1.472-1.113-1.938-3.856.068-6.922-.978 2.716-.406 5.218.085 5.934.101-1.44.218-3.847 2.232-6.73 1.016-1.455 1.031-3.377 1.054-4.58l.925.62c.68.49 1.25 1.032 2.068 1.032 1.209 0 1.877-.68 2.809-1.244.364-.219.914-.44 1.377-.748.776 3.61 3.99 7.953 4.17 10.427.748-1.505-.211-5.125-.211-5.125 1.256 1.874 1.356 3.436 1.411 5.352.88.352 1.823 1.267 1.909 2.474l-.366-.041c-.188-1.34-3.89-3.31-4.223-.786-1.775.264-1.13 3.013-1.487 4.795-.165.815-.469 1.46-.69 2.138zm7.232-.06c-1.47.554-2.463 1.73-3.145 2.461-1.313 1.41-3.05.734-3.235-.584-.195-1.409.537-2.178.854-3.754.288-1.44-.035-3.655.643-3.89.44 2.556 3.083 1.48 3.686.784.98 0 1.062.323 1.282 1.22.137.562.326 1.034.862 1.59.624.652.433 1.652-.947 2.173zM12.626 12.199c-.972 0-1.699-.632-2.29-1.122-.302-.25.075-.71.378-.46.577.48 1.16.985 1.912.985.905 0 1.704-.757 2.786-1.174.368-.141.579.416.213.557-1.05.404-1.894 1.214-3 1.214z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/MacosLogo.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'MacosLogo',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 22.01c-.982 2.85-3.924 7.896-6.954 7.951-2.01.039-2.656-1.191-4.954-1.191-2.296 0-3.015 1.154-4.915 1.229C4.962 30.122 0 22.715 0 16.254 0 10.32 4.135 7.38 7.747 7.325c1.938-.035 3.768 1.307 4.95 1.307 1.186 0 3.408-1.613 5.744-1.377.978.041 3.724.394 5.487 2.972C19.25 13.279 19.98 19.663 25 22.009zM18.473 0c-3.533.143-6.416 3.849-6.013 6.914 3.265.254 6.398-3.406 6.013-6.914z" fill="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M25 22.01c-.982 2.85-3.924 7.896-6.954 7.951-2.01.039-2.656-1.191-4.954-1.191-2.296 0-3.015 1.154-4.915 1.229C4.962 30.122 0 22.715 0 16.254 0 10.32 4.135 7.38 7.747 7.325c1.938-.035 3.768 1.307 4.95 1.307 1.186 0 3.408-1.613 5.744-1.377.978.041 3.724.394 5.487 2.972C19.25 13.279 19.98 19.663 25 22.009zM18.473 0c-3.533.143-6.416 3.849-6.013 6.914 3.265.254 6.398-3.406 6.013-6.914z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/MoonIcon.tsx
View File

@ -4,6 +4,11 @@ export const MoonIcon = createIcon({
displayName: 'MoonIcon',
viewBox: '0 0 22 22',
path: (
<svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.333.334C6.392.334 4.568.867 3 1.774c3.19 1.845 5.333 5.28 5.333 9.227 0 3.946-2.144 7.381-5.333 9.226a10.638 10.638 0 0 0 5.333 1.44C14.221 21.667 19 16.89 19 11.001 19 5.113 14.221.334 8.333.334z" fill="currentColor"/></svg>
<svg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M8.333.334C6.392.334 4.568.867 3 1.774c3.19 1.845 5.333 5.28 5.333 9.227 0 3.946-2.144 7.381-5.333 9.226a10.638 10.638 0 0 0 5.333 1.44C14.221 21.667 19 16.89 19 11.001 19 5.113 14.221.334 8.333.334z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/SourceBranch.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'SourceBranch',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.875 4.125a3.625 3.625 0 1 0-7.25 0c0 1.599 1.04 2.94 2.477 3.422.203 5.19-2.442 5.756-6.04 6.514-2.064.435-4.4.937-6.104 2.52V7.527a3.612 3.612 0 0 0 2.417-3.403 3.625 3.625 0 1 0-7.25 0 3.612 3.612 0 0 0 2.417 3.403V22.47a3.615 3.615 0 0 0-2.417 3.404 3.625 3.625 0 1 0 7.25 0 3.614 3.614 0 0 0-2.384-3.393c.326-4.74 3.105-5.326 6.57-6.056 3.67-.773 8.185-1.743 7.95-8.914a3.615 3.615 0 0 0 2.364-3.387zm-20.3 0c0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175zm4.35 21.75c0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175zM18.25 6.3c-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175z" fill="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M21.875 4.125a3.625 3.625 0 1 0-7.25 0c0 1.599 1.04 2.94 2.477 3.422.203 5.19-2.442 5.756-6.04 6.514-2.064.435-4.4.937-6.104 2.52V7.527a3.612 3.612 0 0 0 2.417-3.403 3.625 3.625 0 1 0-7.25 0 3.612 3.612 0 0 0 2.417 3.403V22.47a3.615 3.615 0 0 0-2.417 3.404 3.625 3.625 0 1 0 7.25 0 3.614 3.614 0 0 0-2.384-3.393c.326-4.74 3.105-5.326 6.57-6.056 3.67-.773 8.185-1.743 7.95-8.914a3.615 3.615 0 0 0 2.364-3.387zm-20.3 0c0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175zm4.35 21.75c0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175zM18.25 6.3c-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/SunIcon.tsx
View File

@ -4,6 +4,11 @@ export const SunIcon = createIcon({
displayName: 'SunIcon',
viewBox: '0 0 44 44',
path: (
<svg width="44" height="44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 0h2v12h-2V0zM0 23v-2h12v2H0zM44 21H32v2h12v-2zM21 32h2v12h-2V32zM7.15 5.736 5.738 7.151l8.485 8.485 1.414-1.414-8.485-8.486zM36.85 5.736l1.413 1.414-8.485 8.486-1.414-1.414 8.485-8.486zM29.778 28.364l-1.414 1.415 8.485 8.485 1.415-1.415-8.486-8.485zM14.222 28.364l1.414 1.414-8.485 8.486-1.414-1.415 8.485-8.485zM30 22a8 8 0 1 1-16 0 8 8 0 0 1 16 0z" fill="currentColor"/></svg>
<svg width='44' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M21 0h2v12h-2V0zM0 23v-2h12v2H0zM44 21H32v2h12v-2zM21 32h2v12h-2V32zM7.15 5.736 5.738 7.151l8.485 8.485 1.414-1.414-8.485-8.486zM36.85 5.736l1.413 1.414-8.485 8.486-1.414-1.414 8.485-8.486zM29.778 28.364l-1.414 1.415 8.485 8.485 1.415-1.415-8.486-8.485zM14.222 28.364l1.414 1.414-8.485 8.486-1.414-1.415 8.485-8.485zM30 22a8 8 0 1 1-16 0 8 8 0 0 1 16 0z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/TwitterIcon.tsx
View File

@ -4,6 +4,11 @@ export const TwitterIcon = createIcon({
displayName: 'TwitterIcon',
viewBox: '0 0 28 22',
path: (
<svg width="28" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.725 5.483c.017.24.017.481.017.722C24.742 13.544 19.174 22 8.997 22A15.6 15.6 0 0 1 .5 19.508c.445.051.874.069 1.336.069a11.06 11.06 0 0 0 6.87-2.372 5.546 5.546 0 0 1-5.174-3.85 6.96 6.96 0 0 0 1.045.086c.497 0 .994-.07 1.457-.19a5.548 5.548 0 0 1-4.438-5.448v-.069a5.56 5.56 0 0 0 2.502.705A5.552 5.552 0 0 1 1.63 3.816c0-1.032.274-1.977.753-2.802a15.712 15.712 0 0 0 11.41 5.81 6.282 6.282 0 0 1-.137-1.272c0-3.06 2.467-5.552 5.534-5.552 1.593 0 3.032.67 4.043 1.753 1.25-.24 2.45-.705 3.512-1.34a5.533 5.533 0 0 1-2.432 3.059c1.113-.12 2.192-.43 3.186-.86a11.917 11.917 0 0 1-2.775 2.87z" fill="currentColor"/></svg>
<svg width='28' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M24.725 5.483c.017.24.017.481.017.722C24.742 13.544 19.174 22 8.997 22A15.6 15.6 0 0 1 .5 19.508c.445.051.874.069 1.336.069a11.06 11.06 0 0 0 6.87-2.372 5.546 5.546 0 0 1-5.174-3.85 6.96 6.96 0 0 0 1.045.086c.497 0 .994-.07 1.457-.19a5.548 5.548 0 0 1-4.438-5.448v-.069a5.56 5.56 0 0 0 2.502.705A5.552 5.552 0 0 1 1.63 3.816c0-1.032.274-1.977.753-2.802a15.712 15.712 0 0 0 11.41 5.81 6.282 6.282 0 0 1-.137-1.272c0-3.06 2.467-5.552 5.534-5.552 1.593 0 3.032.67 4.043 1.753 1.25-.24 2.45-.705 3.512-1.34a5.533 5.533 0 0 1-2.432 3.059c1.113-.12 2.192-.43 3.186-.86a11.917 11.917 0 0 1-2.775 2.87z'
fill='currentColor'
/>
</svg>
)
});

7
src/components/UI/icons/WindowsLogo.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'WindowsLogo',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 12V3.354l10-1.355V12H.5zm11 0h13V0l-13 1.807V12zm-1 1H.5v7.646l10 1.355V13zm1 0v9.194L24.5 24V13h-13z" fill="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M.5 12V3.354l10-1.355V12H.5zm11 0h13V0l-13 1.807V12zm-1 1H.5v7.646l10 1.355V13zm1 0v9.194L24.5 24V13h-13z'
fill='currentColor'
/>
</svg>
)
});

10
src/components/UI/search/Search.tsx
View File

@ -21,10 +21,10 @@ export const Search: FC = () => {
>
<form method='get' action='https://duckduckgo.com/' role='search' target='blank'>
<InputGroup alignItems='center'>
<Input type="hidden" name="sites" value="geth.ethereum.org" />
<Input type='hidden' name='sites' value='geth.ethereum.org' />
<Input
type="text"
name="q"
type='text'
name='q'
py={{ base: 8, md: 4 }}
px={4}
variant='unstyled'
@ -36,7 +36,7 @@ export const Search: FC = () => {
outlineOffset={4}
/>
<Button
type="submit"
type='submit'
px={4}
me={2}
borderRadius='0'
@ -49,7 +49,7 @@ export const Search: FC = () => {
bg: 'primary',
svg: { color: 'bg' }
}}
aria-label="Search"
aria-label='Search'
>
<LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'xl' }} />
</Button>

7
src/components/UI/svgs/AddIcon.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'AddIcon',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M2 11h20v2H2z"/><path d="M11 2h2v20h-2z"/></g></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<g fill='currentColor'>
<path d='M2 11h20v2H2z' />
<path d='M11 2h2v20h-2z' />
</g>
</svg>
)
});

7
src/components/UI/svgs/GlyphHome.tsx
View File

@ -7,7 +7,12 @@ const Icon = createIcon({
displayName: 'GlyphHome',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M90 276.5v-69.121L2.765 157.376 90 276.5zM90 276.5v-69.121l87.236-50.003L90 276.5zM90 190.325v-87.442L1.5 141.27 90 190.325zM90 190.325v-87.442l88.5 38.387L90 190.325zM1.5 140.901 90 1.5v100.76L1.5 140.901zM178.5 140.901 90 1.5v100.76l88.5 38.641z" stroke="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M90 276.5v-69.121L2.765 157.376 90 276.5zM90 276.5v-69.121l87.236-50.003L90 276.5zM90 190.325v-87.442L1.5 141.27 90 190.325zM90 190.325v-87.442l88.5 38.387L90 190.325zM1.5 140.901 90 1.5v100.76L1.5 140.901zM178.5 140.901 90 1.5v100.76l88.5 38.641z'
stroke='currentColor'
/>
</svg>
)
});

346
src/components/UI/svgs/GopherDownloads.tsx
View File

File diff suppressed because one or more lines are too long

317
src/components/UI/svgs/GopherHomeFront.tsx
View File

File diff suppressed because one or more lines are too long

243
src/components/UI/svgs/GopherHomeLinks.tsx
View File

File diff suppressed because one or more lines are too long

209
src/components/UI/svgs/GopherHomeNodes.tsx
View File

File diff suppressed because one or more lines are too long

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

@ -7,7 +7,9 @@ const Icon = createIcon({
displayName: 'MinusIcon',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11h20v2H2z" fill="currentColor"/></svg>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d='M2 11h20v2H2z' fill='currentColor' />
</svg>
)
});

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

@ -80,7 +80,13 @@ export const Footer: FC = () => {
_hover={hoverStyles}
>
<Link href={GETH_TWITTER_URL} isExternal p={4}>
<TwitterIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' aria-label='Twitter' />
<TwitterIcon
w={8}
height='22px'
_groupHover={{ color: 'bg' }}
color='primary'
aria-label='Twitter'
/>
</Link>
</Center>
@ -93,13 +99,25 @@ export const Footer: FC = () => {
borderColor='primary'
>
<Link href={GETH_DISCORD_URL} isExternal p={4}>
<DiscordIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' aria-label='Discord' />
<DiscordIcon
w={8}
height='22px'
_groupHover={{ color: 'bg' }}
color='primary'
aria-label='Discord'
/>
</Link>
</Center>
<Center data-group flex={1} _hover={hoverStyles}>
<Link href={GETH_REPO_URL} isExternal p={4}>
<GitHubIcon w={7} height='22px' _groupHover={{ color: 'bg' }} color='primary' aria-label='GitHub' />
<GitHubIcon
w={7}
height='22px'
_groupHover={{ color: 'bg' }}
color='primary'
aria-label='GitHub'
/>
</Link>
</Center>
</Flex>

2
src/components/layouts/MobileMenu.tsx
View File

@ -20,7 +20,7 @@ export const MobileMenu: React.FC = () => {
color='primary'
_hover={{ bg: 'primary', color: 'bg' }}
onClick={onOpen}
aria-label="Open mobile menu"
aria-label='Open mobile menu'
>
<HamburgerIcon />
</Box>

2
src/pages/[...slug].tsx
View File

@ -104,7 +104,7 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
<DocsNav navLinks={navLinks} />
</Stack>
<Stack pb={4} width='100%' id="main-content">
<Stack pb={4} width='100%' id='main-content'>
<Stack mb={16}>
<Breadcrumbs />
<Heading as='h1' mt='4 !important' mb={0} {...textStyles.h1}>

2
src/pages/downloads.tsx
View File

@ -298,7 +298,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
<>
<PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
<main id="main-content">
<main id='main-content'>
<Stack spacing={4}>
<DownloadsHero
currentBuild={LATEST_RELEASES_DATA.releaseName}

2
src/pages/index.tsx
View File

@ -28,7 +28,7 @@ const HomePage: NextPage = ({}) => {
<>
<PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} />
<main id="main-content">
<main id='main-content'>
<Stack spacing={4}>
<HomeHero />