fix: use slashes to allow for prefixes

carbon-design-system · May 2, 2019 · db2f303 · db2f303
1 parent 1377ef2
commit db2f303
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavItem.js b/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavItem.js
@@ -23,7 +23,7 @@ const LeftNavItem = props => {
         element={Link}
         partiallyActive
         activeClassName="bx--side-nav__link--current"
-        to={items[0].path}
+        to={`/${items[0].path}`}
       >
         {category}
       </SideNavLink>
@@ -63,7 +63,7 @@ const SubNavItems = ({ items, location, onClick }) => {
     const active = isActive(item);
     return (
       <SideNavMenuItem
-        to={item.path}
+        to={`/${item.path}`}
         onClick={onClick}
         element={Link}
         isActive={active}

diff --git a/packages/gatsby-theme-carbon/src/components/PageTabs/PageTabs.js b/packages/gatsby-theme-carbon/src/components/PageTabs/PageTabs.js
@@ -18,7 +18,7 @@ export default class PageTabs extends React.Component {
       const href = slug.replace(currentTab, slugifiedTab);
       return (
         <li key={tab} className={selected ? 'selected' : ''}>
-          <Link to={href}>{tab}</Link>
+          <Link to={`/${href}`}>{tab}</Link>
         </li>
       );
     });