docs: redesigned navigation (#9525)

Redesign navigation bar to reflect new design and allow for dropdowns

Closes DX-943
This commit is contained in:
Shahed Nasser authored and GitHub committed 2024-10-11 07:10:00 +00:00
1 parent 7c5415ba3a
commit 49a91fd40e
63 files changed
+934 -978

No files matched your search

+8 -5
View File
@@ -1,5 +1,4 @@
import { DocsConfig, SidebarItem } from "types"
import { getMobileSidebarItems } from "docs-ui"
import { generatedSidebar } from "../generated/sidebar.mjs"
const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
@@ -10,9 +9,13 @@ export const config: DocsConfig = {
basePath: process.env.NEXT_PUBLIC_BASE_PATH,
sidebar: {
default: generatedSidebar as SidebarItem[],
mobile: getMobileSidebarItems({
baseUrl,
version: "v2",
}),
mobile: [],
},
project: {
title: "Development Resources",
key: "resources",
},
breadcrumbOptions: {
showCategories: true,
},
}
+1 -8
View File
@@ -8,7 +8,6 @@ import {
} from "docs-ui"
import { useMemo } from "react"
import { config } from "../config"
import { basePathUrl } from "../utils/base-path-url"
import { usePathname } from "next/navigation"
import { generatedEditDates } from "../generated/edit-dates.mjs"
@@ -23,14 +22,8 @@ export const MainNavProvider = ({ children }: MainNavProviderProps) => {
() =>
getNavDropdownItems({
basePath: config.baseUrl,
activePath: basePathUrl(
pathname.startsWith("/commerce-modules")
? "/commerce-modules"
: undefined
),
version: "v2",
}),
[pathname]
[]
)
const reportLink = useMemo(
+2 -2
View File
@@ -4,7 +4,7 @@ import {
AiAssistantIcon,
AiAssistantProvider,
SearchProvider as UiSearchProvider,
searchFiltersV2,
searchFilters,
} from "docs-ui"
import { config } from "../config"
@@ -39,7 +39,7 @@ const SearchProvider = ({ children }: SearchProviderProps) => {
},
],
checkInternalPattern: new RegExp(`^${config.baseUrl}/v2/resources/.*`),
filterOptions: searchFiltersV2,
filterOptions: searchFilters,
}}
commands={[
{