diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts index 38ef02e1244..ad247e706df 100644 --- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts +++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts @@ -37,6 +37,8 @@ export const REFERENCES: References = { } export const gettingstarted = { + icon: '/img/icons/menu/getting-started.svg', + title: 'Getting started', label: 'Overview', items: [ { name: 'Introduction', url: '/', items: [] }, @@ -46,6 +48,7 @@ export const gettingstarted = { } export const tutorials = { + icon: '/img/icons/menu/tutorials.svg', label: 'Quickstarts', items: [ { name: 'Angular', url: '/guides/with-angular', items: [] }, @@ -332,6 +335,8 @@ export const integrations = { } export const reference = { + title: 'API Reference', + icon: '/img/icons/menu/reference.svg', items: [ { name: 'Client libraries', diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx index 3914684bdeb..6304b5d40ed 100644 --- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx @@ -20,6 +20,12 @@ const SideNav = () => { case `/docs${tempBasePath}`: setLevel('home') break + case `/docs${tempBasePath}/getting-started`: + setLevel('gettingstarted') + break + case `/docs${tempBasePath}/tutorials`: + setLevel('tutorials') + break case `/docs${tempBasePath}/database`: setLevel('database') break @@ -70,7 +76,7 @@ const SideNav = () => { }, { label: 'Getting started', - icon: 'gettingstarted.svg', + icon: 'getting-started.svg', href: '/getting-started', level: 'gettingstarted', }, diff --git a/apps/docs/public/img/icons/menu/gettingstarted.svg b/apps/docs/public/img/icons/menu/getting-started.svg similarity index 100% rename from apps/docs/public/img/icons/menu/gettingstarted.svg rename to apps/docs/public/img/icons/menu/getting-started.svg