amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-26 18:58:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweak sidebar to update navigation highlight on scroll

Browse Source
This commit is contained in:
jxom
2017-10-07 18:33:53 +11:00
parent 0047452833
commit 94270569a5
3 changed files with 157 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/utils/createLink.js
View File

@@ -65,15 +65,22 @@ const createLinkDocs = ({item, location, section}) => {
);
};
const createLinkTutorial = ({item, location, onLinkClick, section}) => {
const isActive = isItemActive(location, item);
const createLinkTutorial = ({
item,
location,
onLinkClick,
section,
isActive,
}) => {
const active =
typeof isActive === 'boolean' ? isActive : isItemActive(location, item);
return (
<Link
css={[linkCss, isActive && activeLinkCss]}
css={[linkCss, active && activeLinkCss]}
onClick={onLinkClick}
to={item.href}>
{isActive && <span css={activeLinkBefore} />}
{active && <span css={activeLinkBefore} />}
{item.title}
</Link>
);