fix: next-previous path-prefix

carbon-design-system · May 13, 2019 · 720e4d0 · 720e4d0
1 parent efa491b
commit 720e4d0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/gatsby-theme-carbon/gatsby-config.js b/packages/gatsby-theme-carbon/gatsby-config.js
@@ -16,7 +16,7 @@ module.exports = themeOptions => {
     siteMetadata: {
       title: 'Gatsby Theme Carbon',
     },
-    pathPrefix: `/prefix`,
+    pathPrefix: `/gatsby-theme-carbon`,
     plugins: [
       `gatsby-plugin-sharp`,
       `gatsby-transformer-yaml`,

diff --git a/packages/gatsby-theme-carbon/src/components/NextPrevious/NextPrevious.js b/packages/gatsby-theme-carbon/src/components/NextPrevious/NextPrevious.js
@@ -92,7 +92,7 @@ const getName = (category, title) => `${category}${title ? `: ${title}` : ''}`;
 
 const NextPreviousContainer = props => {
   const { tabs, location, pageContext = { frontmatter: 'Home' } } = props;
-  const [navigationList] = useNavigationList();
+  const [navigationList, pathPrefix] = useNavigationList();
   const currentTitle = getTitle(pageContext);
 
   const { prevTabItem, nextTabItem } = getTabItems({
@@ -106,9 +106,10 @@ const NextPreviousContainer = props => {
   });
 
   const getPreviousItem = () => {
+    const href = location.pathname.replace(pathPrefix, '');
     if (prevTabItem) {
       return {
-        to: `${location.pathname.replace(currentTitle, prevTabItem.slug)}`,
+        to: `${href.replace(currentTitle, prevTabItem.slug)}`,
         name: getName(navigationList[navIndex].title, prevTabItem.title),
       };
     }
@@ -140,8 +141,9 @@ const NextPreviousContainer = props => {
     }
 
     if (nextTabItem && nextTabItem.slug) {
+      const href = location.pathname.replace(pathPrefix, '');
       return {
-        to: `${location.pathname.replace(currentTitle, nextTabItem.slug)}`,
+        to: `${href.replace(currentTitle, nextTabItem.slug)}`,
         name: getName(navigationList[navIndex].title, nextTabItem.title),
       };
     }