fix(search): keyboard support for enter key (#1545)

* fix(search): keyboard support for enter key

* chore: cleanup

packages/gatsby-theme-carbon/src/components/GlobalSearch/GlobalSearch.js

@@ -18,6 +18,7 @@ import { graphql, navigate, useStaticQuery } from 'gatsby';
 import cx from 'classnames';
 import NavContext from '../../util/context/NavContext';
 import { useOnClickOutside } from '../../util/hooks';
+import { convertFilePathToUrl } from '../../util/convertFilePathToUrl';
 
 import {
   container,
@@ -118,7 +119,7 @@ const GlobalSearchInput = () => {
       case 'Enter': {
         e.preventDefault();
         if (results[focusedItem]) {
-          navigate(results[focusedItem].path);
+          navigate(convertFilePathToUrl(results[focusedItem].path));
         }
         break;
       }

packages/gatsby-theme-carbon/src/components/GlobalSearch/Menu.js

@@ -14,6 +14,8 @@ import {
   tab,
 } from './GlobalSearch.module.scss';
 
+import { convertFilePathToUrl } from '../../util/convertFilePathToUrl';
+
 export const MenuContext = createContext();
 
 const Menu = ({ results, onKeyDown }) => {
@@ -77,22 +79,6 @@ const MenuItem = ({ page, index, onKeyDown, id }) => {
     [active]: focusedItem === index,
   });
 
-  function convertFilePathToUrl(filePath) {
-    const pagesIndex = filePath.lastIndexOf('/pages/');
-    if (filePath.lastIndexOf('/pages/') === -1) return null;
-
-    const fileName = filePath.slice(
-      pagesIndex + '/pages/'.length,
-      -'.mdx'.length
-    );
-    const normalizedFileName = fileName.endsWith('/index')
-      ? fileName.slice(0, -'/index'.length)
-      : fileName;
-    const urlPath = `/${normalizedFileName.split('/').join('/')}/`;
-
-    return urlPath;
-  }
-
   const url = convertFilePathToUrl(page.path);
 
   return (

packages/gatsby-theme-carbon/src/util/convertFilePathToUrl.js

@@ -0,0 +1,17 @@
+export function convertFilePathToUrl(filePath) {
+  if (!filePath) return null;
+
+  const pagesIndex = filePath.lastIndexOf('/pages/');
+  if (pagesIndex === -1) return null;
+
+  const fileName = filePath.slice(
+    pagesIndex + '/pages/'.length,
+    filePath.lastIndexOf('.')
+  );
+  const normalizedFileName = fileName.endsWith('/index')
+    ? fileName.slice(0, -'/index'.length)
+    : fileName;
+  const urlPath = `/${normalizedFileName}/`;
+
+  return urlPath;
+}