fix(navigation): fix page tabs replace bug (#437)

* fix(navigation): fix page tabs replace bug * fix: update regex * fix: clean up code * fix: rename var
carbon-design-system · Sep 24, 2019 · 38fe06b · 38fe06b · vercel · Sep 24, 2019
1 parent ec84761
commit 38fe06b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/gatsby-theme-carbon/src/components/PageTabs/PageTabs.js b/packages/gatsby-theme-carbon/src/components/PageTabs/PageTabs.js
@@ -28,7 +28,8 @@ export default class PageTabs extends React.Component {
     const pageTabs = tabs.map(tab => {
       const slugifiedTab = slugify(tab, { lower: true });
       const selected = slugifiedTab === currentTab;
-      const href = slug.replace(currentTab, slugifiedTab);
+      const currentTabRegex = new RegExp(`${currentTab}(?!-)`);
+      const href = slug.replace(currentTabRegex, slugifiedTab);
       return (
         <li key={tab} className={cx({ [selectedItem]: selected }, listItem)}>
           <Link className={link} to={`${href}`}>