Also set the className when the site is active per @pieh's advice

gatsbyjs · Aug 4, 2018 · 33583a2 · 33583a2
1 parent 96c1c92
commit 33583a2
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/gatsby-link/src/index.js b/packages/gatsby-link/src/index.js
@@ -89,7 +89,9 @@ class GatsbyLink extends React.Component {
       getProps = ({ isCurrent }) =>
         isCurrent
           ? {
-              className: this.props.activeClassName,
+              className: [this.props.className, this.props.activeClassName]
+                .filter(i => i)
+                .join(` `),
               style: { ...this.props.style, ...this.props.activeStyle },
             }
           : null