Skip to content

Commit 63280cc

Browse files
committed
Make createLinkBlog and createLinkDocs consistent with createLinkTutorial
1 parent 9427056 commit 63280cc

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

src/utils/createLink.js

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,12 +18,13 @@ import isItemActive from 'utils/isItemActive';
1818
import slugify from 'utils/slugify';
1919
import {colors, media} from 'theme';
2020

21-
const createLinkBlog = ({item, location, section}) => {
22-
const isActive = isItemActive(location, item);
21+
const createLinkBlog = ({item, location, section, isActive}) => {
22+
const active =
23+
typeof isActive === 'boolean' ? isActive : isItemActive(location, item);
2324

2425
return (
25-
<Link css={[linkCss, isActive && activeLinkCss]} to={item.id}>
26-
{isActive && <span css={activeLinkBefore} />}
26+
<Link css={[linkCss, active && activeLinkCss]} to={item.id}>
27+
{active && <span css={activeLinkBefore} />}
2728
{item.title}
2829
</Link>
2930
);
@@ -52,14 +53,15 @@ const createLinkCommunity = ({item, location, section}) => {
5253
});
5354
};
5455

55-
const createLinkDocs = ({item, location, section}) => {
56-
const isActive = isItemActive(location, item);
56+
const createLinkDocs = ({item, location, section, isActive}) => {
57+
const active =
58+
typeof isActive === 'boolean' ? isActive : isItemActive(location, item);
5759

5860
return (
5961
<Link
60-
css={[linkCss, isActive && activeLinkCss]}
62+
css={[linkCss, active && activeLinkCss]}
6163
to={slugify(item.id, section.directory)}>
62-
{isActive && <span css={activeLinkBefore} />}
64+
{active && <span css={activeLinkBefore} />}
6365
{item.title}
6466
</Link>
6567
);

0 commit comments

Comments
 (0)