@@ -18,12 +18,13 @@ import isItemActive from 'utils/isItemActive';
18
18
import slugify from 'utils/slugify' ;
19
19
import { colors , media } from 'theme' ;
20
20
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 ) ;
23
24
24
25
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 } /> }
27
28
{ item . title }
28
29
</ Link >
29
30
) ;
@@ -52,14 +53,15 @@ const createLinkCommunity = ({item, location, section}) => {
52
53
} ) ;
53
54
} ;
54
55
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 ) ;
57
59
58
60
return (
59
61
< Link
60
- css = { [ linkCss , isActive && activeLinkCss ] }
62
+ css = { [ linkCss , active && activeLinkCss ] }
61
63
to = { slugify ( item . id , section . directory ) } >
62
- { isActive && < span css = { activeLinkBefore } /> }
64
+ { active && < span css = { activeLinkBefore } /> }
63
65
{ item . title }
64
66
</ Link >
65
67
) ;
0 commit comments