Merge pull request #16950 from newrelic/nb-migration-dev-NR-258525

feat(Migration developer): Starting the migration of the developer site
newrelic · Apr 29, 2024 · d54018a · d54018a
2 parents 932d349 + 9f64adc
commit d54018a
Show file tree

Hide file tree

Showing 21 changed files with 4,703 additions and 3 deletions.
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
@@ -3,6 +3,8 @@ import { css } from '@emotion/react';
 import { NavItem } from '@newrelic/gatsby-theme-newrelic';
 import { Flipped, Flipper } from 'react-flip-toolkit';
 
+const slugify = require('../../scripts/utils/slugify');
+
 const Navigation = ({ nav, className }) => {
   const subNav = nav.url === '/docs/style-guide';
   const [flipKey, setFlipKey] = useState();
@@ -86,8 +88,8 @@ const Navigation = ({ nav, className }) => {
 const addFlipIds = (pages, parentKey = []) =>
   pages?.map((page) => ({
     ...page,
-    flipId: [...parentKey, page.title],
-    pages: addFlipIds(page.pages, [...parentKey, page.title]),
+    flipId: [...parentKey, slugify(page.title)],
+    pages: addFlipIds(page.pages, [...parentKey, slugify(page.title)]),
   }));
 
 export default Navigation;