[Website] Add new HashiStackMenu (#9042)

* Add new HashiStackMenu * Bump version * Bump HSM version and rm meganav styles
hashicorp · Oct 9, 2020 · 1b6a9ca · 1b6a9ca
1 parent 3c3e54a
commit 1b6a9ca
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 12 deletions.
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -13,11 +13,11 @@
     "@hashicorp/react-docs-page": "5.0.1",
     "@hashicorp/react-docs-sidenav": "4.0.1",
     "@hashicorp/react-global-styles": "4.4.0",
+    "@hashicorp/react-hashi-stack-menu": "^1.0.3",
     "@hashicorp/react-head": "1.1.1",
     "@hashicorp/react-hero": "3.1.2",
     "@hashicorp/react-image": "2.0.1",
     "@hashicorp/react-inline-svg": "1.0.0",
-    "@hashicorp/react-mega-nav": "4.0.1-2",
     "@hashicorp/react-product-downloader": "4.0.2",
     "@hashicorp/react-search": "^2.1.0",
     "@hashicorp/react-section-header": "2.0.0",

diff --git a/website/pages/_app.js b/website/pages/_app.js
@@ -7,7 +7,7 @@ import NProgress from '@hashicorp/nextjs-scripts/lib/nprogress'
 import { ErrorBoundary } from '@hashicorp/nextjs-scripts/lib/bugsnag'
 import createConsentManager from '@hashicorp/nextjs-scripts/lib/consent-manager'
 import useAnchorLinkAnalytics from '@hashicorp/nextjs-scripts/lib/anchor-link-analytics'
-import MegaNav from '@hashicorp/react-mega-nav'
+import HashiStackMenu from '@hashicorp/react-hashi-stack-menu'
 import AlertBanner from '@hashicorp/react-alert-banner'
 import HashiHead from '@hashicorp/react-head'
 import Footer from 'components/footer'
@@ -48,7 +48,7 @@ function App({ Component, pageProps }) {
       {ALERT_BANNER_ACTIVE && (
         <AlertBanner {...alertBannerData} theme="nomad" />
       )}
-      <MegaNav product="Nomad" />
+      <HashiStackMenu />
       <ProductSubnav />
       <div className={`content${ALERT_BANNER_ACTIVE ? ' banner' : ''}`}>
         <Component {...pageProps} />

diff --git a/website/pages/style.css b/website/pages/style.css
@@ -23,7 +23,6 @@
 @import '~@hashicorp/react-enterprise-alert/dist/style.css';
 @import '~@hashicorp/react-hero/dist/style.css';
 @import '~@hashicorp/react-logo-grid/dist/style.css';
-@import '~@hashicorp/react-mega-nav/style.css';
 @import '~@hashicorp/react-product-downloader/dist/style.css';
 @import '~@hashicorp/react-search/dist/style.css';
 @import '~@hashicorp/react-section-header/dist/style.css';