From ea7f9c09c0b442b25a3d06b15262f9482ccbc207 Mon Sep 17 00:00:00 2001
From: Leah Bush <leah.bush@hashicorp.com>
Date: Thu, 5 Sep 2024 14:17:54 -0500
Subject: [PATCH] update react-components package and adjust product data

---
 package-lock.json                             |  8 +--
 package.json                                  |  2 +-
 .../mobile-menu-levels-generic/index.tsx      |  4 +-
 src/lib/products.ts                           | 64 +++++++++++++++++++
 4 files changed, 71 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 47e1e05e1b..dba2003b2a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,7 @@
 				"@hashicorp/react-alert-banner": "^7.1.0",
 				"@hashicorp/react-button": "^6.3.1",
 				"@hashicorp/react-code-block": "^6.7.0",
-				"@hashicorp/react-components": "^1.1.7",
+				"@hashicorp/react-components": "^1.1.8",
 				"@hashicorp/react-consent-manager": "^9.3.0",
 				"@hashicorp/react-content": "^8.3.0",
 				"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",
@@ -5068,9 +5068,9 @@
 			}
 		},
 		"node_modules/@hashicorp/react-components": {
-			"version": "1.1.7",
-			"resolved": "https://registry.npmjs.org/@hashicorp/react-components/-/react-components-1.1.7.tgz",
-			"integrity": "sha512-msBiHCjdqkILvjampDTqsgvUG7t0Hj7vsYF9YAkx/hxcAYG8Li0qGfO6uW6Ux3u8UnOa/HMTqfxhlsAWZIB8dg==",
+			"version": "1.1.8",
+			"resolved": "https://registry.npmjs.org/@hashicorp/react-components/-/react-components-1.1.8.tgz",
+			"integrity": "sha512-f+vdwgIo1sOhZytwWBOiIGHxaJeo0FU4AwsezcOf4Fema3IeXzR0qF3Y51XMnfXrYKhljQZrcBCV0XcgGv41EQ==",
 			"dependencies": {
 				"@hashicorp/flight-icons": "^3.5.0",
 				"@hashicorp/platform-product-meta": "^0.1.1",
diff --git a/package.json b/package.json
index d6991bbad3..63cd046bc1 100644
--- a/package.json
+++ b/package.json
@@ -107,7 +107,7 @@
 		"@hashicorp/react-alert-banner": "^7.1.0",
 		"@hashicorp/react-button": "^6.3.1",
 		"@hashicorp/react-code-block": "^6.7.0",
-		"@hashicorp/react-components": "^1.1.7",
+		"@hashicorp/react-components": "^1.1.8",
 		"@hashicorp/react-consent-manager": "^9.3.0",
 		"@hashicorp/react-content": "^8.3.0",
 		"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",
diff --git a/src/components/mobile-menu-levels-generic/index.tsx b/src/components/mobile-menu-levels-generic/index.tsx
index 3d8def187c..5b15809862 100644
--- a/src/components/mobile-menu-levels-generic/index.tsx
+++ b/src/components/mobile-menu-levels-generic/index.tsx
@@ -10,7 +10,7 @@ import MobileMenuContainer, {
 import ProductPanel from '@hashicorp/react-components/src/components/nav-panel/product-panel'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 // Data
-import { navigationData, navPromo, sidePanelContent } from 'lib/products'
+import { mobileNavigationData, navPromo, sidePanelContent } from 'lib/products'
 // Styles
 import s from './mobile-menu-levels-generic.module.css'
 
@@ -32,7 +32,7 @@ function MobileMenuLevelsGeneric() {
 
 			<NavigationMenu.Root className={s.mobileMenuNavList}>
 				<ProductPanel
-					productCategories={navigationData}
+					productCategories={mobileNavigationData}
 					promo={navPromo}
 					sidePanel={sidePanelContent}
 				/>
diff --git a/src/lib/products.ts b/src/lib/products.ts
index 30186eb178..2bbedbc2a3 100644
--- a/src/lib/products.ts
+++ b/src/lib/products.ts
@@ -47,6 +47,69 @@ const productSlugsToHostNames: { [slug in ProductSlug]: string } = {
 }
 
 const navigationData: ProductNavData = [
+	{
+		title: 'Infrastructure Lifecycle Management',
+		products: [
+			{
+				product: 'Terraform',
+				url: '/terraform',
+				description: 'Manage infrastructure as code',
+			},
+			{
+				product: 'Packer',
+				url: '/packer',
+				description: 'Build machine images',
+			},
+			{
+				product: 'Nomad',
+				url: '/nomad',
+				description: 'Orchestrate workloads',
+			},
+			{
+				product: 'Waypoint',
+				url: '/waypoint',
+				description: 'Standardize application patterns',
+			},
+			{
+				product: 'Vagrant',
+				url: '/vagrant',
+				description: 'Build developer environments',
+			},
+		],
+	},
+	{
+		title: 'Security Lifecycle Management',
+		products: [
+			{
+				product: 'Vault',
+				url: '/vault',
+				description: 'Centrally manage secrets',
+			},
+			{
+				product: 'Boundary',
+				url: '/boundary',
+				description: 'Secure remote access',
+			},
+			{
+				product: 'HCP Vault Secrets',
+				url: '/hcp/docs/vault-secrets',
+				description: 'Manage secrets as a service',
+			},
+			{
+				product: 'Consul',
+				url: '/consul',
+				description: 'Secure network services',
+			},
+			{
+				product: 'HCP Vault Radar',
+				url: '/hcp/docs/vault-radar',
+				description: 'Scan for embedded secrets',
+			},
+		],
+	},
+]
+
+const mobileNavigationData: ProductNavData = [
 	{
 		title: 'Infrastructure Lifecycle Management',
 		products: [
@@ -177,6 +240,7 @@ export {
 	productSlugsToHostNames,
 	productSlugsToNames,
 	navigationData,
+	mobileNavigationData,
 	navPromo,
 	sidePanelContent,
 }