forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-17 21:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

change requests

Browse source
This commit is contained in:
Corwin Smith 2022-12-12 12:03:22 -07:00
parent 62aff31a2e
commit 657083d7f2
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/UI/docs/DocsLinks.tsx
View file

@ -19,10 +19,10 @@ import { NavLink } from '../../../types';
interface Props { interface Props {
navLinks: NavLink[]; navLinks: NavLink[];
updateMobileAccordionState: () => void; toggleMobileAccordion: () => void;
} }
export const DocsLinks: FC<Props> = ({ navLinks, updateMobileAccordionState }) => { export const DocsLinks: FC<Props> = ({ navLinks, toggleMobileAccordion }) => {
const router = useRouter(); const router = useRouter();
const { slug } = router.query; const { slug } = router.query;
return ( return (
@ -53,7 +53,7 @@ export const DocsLinks: FC<Props> = ({ navLinks, updateMobileAccordionState }) =
_groupHover={{ background: 'primary', color: 'bg', textDecoration: 'none' }} _groupHover={{ background: 'primary', color: 'bg', textDecoration: 'none' }}
> >
{to ? ( {to ? (
<NextLink href={to} passHref onClick={updateMobileAccordionState}> <NextLink href={to} passHref onClick={toggleMobileAccordion}>
<Link textDecoration='none !important'> <Link textDecoration='none !important'>
<Text <Text
textStyle='docs-nav-dropdown' textStyle='docs-nav-dropdown'
@ -90,7 +90,7 @@ export const DocsLinks: FC<Props> = ({ navLinks, updateMobileAccordionState }) =
</AccordionButton> </AccordionButton>
{items && ( {items && (
<AccordionPanel borderBottom='2px solid' borderColor='primary' px={0} py={4}> <AccordionPanel borderBottom='2px solid' borderColor='primary' px={0} py={4}>
<LinksList links={items} updateMobileAccordionState={updateMobileAccordionState} /> <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion} />
</AccordionPanel> </AccordionPanel>
)} )}
</> </>

8
src/components/UI/docs/DocsNav.tsx
View file

@ -17,7 +17,7 @@ interface Props {
} }
export const DocsNav: FC<Props> = ({ navLinks }) => { export const DocsNav: FC<Props> = ({ navLinks }) => {
const [isMobileAccordionOpen, setIsMobileAccordionOpen] = useState(false) const [isMobileAccordionOpen, setMobileAccordionState] = useState(false)
const toggleMobileAccordion = () => { const toggleMobileAccordion = () => {
setMobileAccordionState(prev => !prev) setMobileAccordionState(prev => !prev)
@ -26,11 +26,11 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
return ( return (
<Stack w={{ base: '100%', lg: 72 }}> <Stack w={{ base: '100%', lg: 72 }}>
<Stack display={{ base: 'none', lg: 'block' }}> <Stack display={{ base: 'none', lg: 'block' }}>
<DocsLinks navLinks={navLinks} updateMobileAccordionState={updateMobileAccordionState} /> <DocsLinks navLinks={navLinks} toggleMobileAccordion={toggleMobileAccordion} />
</Stack> </Stack>
<Stack display={{ base: 'block', lg: 'none' }}> <Stack display={{ base: 'block', lg: 'none' }}>
<Accordion allowToggle index={mobileAccordionState} onChange={updateMobileAccordionState}> <Accordion allowToggle index={isMobileAccordionOpen ? 0 : -1} onChange={toggleMobileAccordion}>
<AccordionItem border='none'> <AccordionItem border='none'>
<AccordionButton <AccordionButton
display='flex' display='flex'
@ -55,7 +55,7 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
<AccordionIcon /> <AccordionIcon />
</AccordionButton> </AccordionButton>
<AccordionPanel p={0}> <AccordionPanel p={0}>
<DocsLinks navLinks={navLinks} updateMobileAccordionState={updateMobileAccordionState} /> <DocsLinks navLinks={navLinks} toggleMobileAccordion={toggleMobileAccordion} />
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>

10
src/components/UI/docs/LinksList.tsx
View file

@ -7,10 +7,10 @@ import { NavLink } from '../../../types';
interface LinksListProps { interface LinksListProps {
links: NavLink[]; links: NavLink[];
updateMobileAccordionState: () => void; toggleMobileAccordion: () => void;
} }
export const LinksList: FC<LinksListProps> = ({ links, updateMobileAccordionState }) => { export const LinksList: FC<LinksListProps> = ({ links, toggleMobileAccordion }) => {
const router = useRouter(); const router = useRouter();
const { slug } = router.query; const { slug } = router.query;
return ( return (
@ -25,7 +25,7 @@ export const LinksList: FC<LinksListProps> = ({ links, updateMobileAccordionStat
_hover={{ background: 'primary', color: 'bg' }} _hover={{ background: 'primary', color: 'bg' }}
data-group data-group
> >
<NextLink href={to} passHref key={id} onClick={updateMobileAccordionState}> <NextLink href={to} passHref key={id} onClick={toggleMobileAccordion}>
<Link textDecoration='none !important'> <Link textDecoration='none !important'>
<Text <Text
textStyle='docs-nav-links' textStyle='docs-nav-links'
@ -46,14 +46,14 @@ export const LinksList: FC<LinksListProps> = ({ links, updateMobileAccordionStat
</Text> </Text>
</Link> </Link>
</NextLink> </NextLink>
{items && <LinksList links={items} updateMobileAccordionState={updateMobileAccordionState}/>} {items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion}/>}
</Stack> </Stack>
) : ( ) : (
<Stack key={id} pb={6}> <Stack key={id} pb={6}>
<Text textStyle='docs-nav-links' color={items ? 'primary' : 'body'}> <Text textStyle='docs-nav-links' color={items ? 'primary' : 'body'}>
{id} {id}
</Text> </Text>
{items && <LinksList links={items} updateMobileAccordionState={updateMobileAccordionState} />} {items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion} />}
</Stack> </Stack>
); );
})} })}