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
@@ -1,195 +1,118 @@
|
||||
import React from "react"
|
||||
import { Badge } from "@/components"
|
||||
import { OptionType } from "@/hooks"
|
||||
import { NavigationDropdownItem, SidebarItem } from "types"
|
||||
import { NavigationDropdownDocIcon } from "./components/Icons/NavigationDropdown/Doc"
|
||||
import { NavigationDropdownStoreIcon } from "./components/Icons/NavigationDropdown/Store"
|
||||
import { NavigationDropdownAdminIcon } from "./components/Icons/NavigationDropdown/Admin"
|
||||
import { NavigationDropdownUiIcon } from "./components/Icons/NavigationDropdown/Ui"
|
||||
import { NavigationDropdownDocV1Icon } from "./components/Icons/NavigationDropdown/DocV1"
|
||||
import { NavigationDropdownUserIcon } from "./components/Icons/NavigationDropdown/User"
|
||||
import { NavigationDropdownResourcesIcon } from "./components/Icons/NavigationDropdown/Resources"
|
||||
import { NavigationDropdownModulesIcon } from "./components/Icons/NavigationDropdown/Modules"
|
||||
import { NavigationItem } from "types"
|
||||
|
||||
export const GITHUB_ISSUES_PREFIX = `https://github.com/medusajs/medusa/issues/new?assignees=&labels=type%3A+docs&template=docs.yml`
|
||||
export const GITHUB_UI_ISSUES_PREFIX = `https://github.com/medusajs/ui/issues/new?labels=documentation`
|
||||
|
||||
export const navDropdownItemsV2: NavigationDropdownItem[] = [
|
||||
export const navDropdownItems: NavigationItem[] = [
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2`,
|
||||
icon: NavigationDropdownDocIcon,
|
||||
title: "Documentation",
|
||||
title: "Get Started",
|
||||
project: "book",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2/resources/commerce-modules`,
|
||||
icon: NavigationDropdownModulesIcon,
|
||||
title: "Commerce Modules",
|
||||
type: "dropdown",
|
||||
title: "Product",
|
||||
children: [
|
||||
{
|
||||
type: "link",
|
||||
title: "Commerce Modules",
|
||||
link: "/v2/resources/commerce-modules",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Architectural Modules",
|
||||
link: "/v2/resources/architectural-modules",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2/resources`,
|
||||
icon: NavigationDropdownResourcesIcon,
|
||||
title: "Development Resources",
|
||||
type: "dropdown",
|
||||
title: "Resources",
|
||||
children: [
|
||||
{
|
||||
type: "link",
|
||||
title: "Guides",
|
||||
link: "/v2/resources",
|
||||
useAsFallback: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Recipes",
|
||||
link: "/v2/resources/recipes",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "UI Library",
|
||||
link: "/ui",
|
||||
},
|
||||
{
|
||||
type: "divider",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Storefront Development",
|
||||
link: "/v2/resources/storefront-development",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2/api/store`,
|
||||
icon: NavigationDropdownStoreIcon,
|
||||
title: "Store API",
|
||||
type: "dropdown",
|
||||
title: "Tools & SDKs",
|
||||
children: [
|
||||
{
|
||||
type: "link",
|
||||
title: "Medusa CLI",
|
||||
link: "/v2/resources/medusa-cli",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Next.js Starter",
|
||||
link: "/v2/resources/nextjs-starter",
|
||||
},
|
||||
{
|
||||
type: "divider",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Integrations",
|
||||
link: "/v2/resources/integrations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2/api/admin`,
|
||||
icon: NavigationDropdownAdminIcon,
|
||||
title: "Admin API",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/ui`,
|
||||
icon: NavigationDropdownUiIcon,
|
||||
title: "UI",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/`,
|
||||
icon: NavigationDropdownDocV1Icon,
|
||||
title: "Medusa v1",
|
||||
type: "dropdown",
|
||||
title: "Reference",
|
||||
children: [
|
||||
{
|
||||
type: "link",
|
||||
title: "Admin API",
|
||||
link: "/v2/api/admin",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Store API",
|
||||
link: "/v2/api/store",
|
||||
},
|
||||
{
|
||||
type: "divider",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Workflows",
|
||||
link: "/v2/resources/medusa-workflows-reference",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Data Model API",
|
||||
link: "/v2/resources/references/data-model",
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
export const navDropdownItemsV1: NavigationDropdownItem[] = [
|
||||
{
|
||||
type: "link",
|
||||
path: `/`,
|
||||
icon: NavigationDropdownDocV1Icon,
|
||||
title: "Documentation",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/user-guide`,
|
||||
icon: NavigationDropdownUserIcon,
|
||||
title: "User Guide",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/api/store`,
|
||||
icon: NavigationDropdownStoreIcon,
|
||||
title: "Store API",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/api/admin`,
|
||||
icon: NavigationDropdownAdminIcon,
|
||||
title: "Admin API",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/ui`,
|
||||
icon: NavigationDropdownUiIcon,
|
||||
title: "UI",
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
path: `/v2`,
|
||||
icon: NavigationDropdownDocIcon,
|
||||
title: "Medusa v2",
|
||||
},
|
||||
]
|
||||
|
||||
export const mobileSidebarItemsV1: SidebarItem[] = [
|
||||
{
|
||||
type: "link",
|
||||
title: "Docs",
|
||||
path: `/`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "User Guide",
|
||||
path: `/user-guide`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Store API",
|
||||
path: `/api/store`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Admin API",
|
||||
path: `/api/admin`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "UI",
|
||||
path: `/ui`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Learn Medusa V2",
|
||||
path: `/v2`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
additionalElms: <Badge variant="blue">v2</Badge>,
|
||||
},
|
||||
]
|
||||
|
||||
export const mobileSidebarItemsV2: SidebarItem[] = [
|
||||
{
|
||||
type: "link",
|
||||
title: "Docs",
|
||||
path: `/v2`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Learning Resources",
|
||||
path: `/v2/resources`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Store API",
|
||||
path: `/v2/api/store`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Admin API",
|
||||
path: `/v2/api/admin`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "UI",
|
||||
path: `/ui`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
{
|
||||
type: "link",
|
||||
title: "Medusa v1",
|
||||
path: `/`,
|
||||
loaded: true,
|
||||
isPathHref: true,
|
||||
},
|
||||
]
|
||||
|
||||
export const searchFiltersV2: OptionType[] = [
|
||||
export const searchFilters: OptionType[] = [
|
||||
{
|
||||
value: "guides",
|
||||
label: "Guides",
|
||||
@@ -206,36 +129,9 @@ export const searchFiltersV2: OptionType[] = [
|
||||
value: "store-v2",
|
||||
label: "Store API (v2)",
|
||||
},
|
||||
// TODO add more filters
|
||||
]
|
||||
|
||||
export const searchFiltersV1: OptionType[] = [
|
||||
{
|
||||
value: "admin",
|
||||
label: "Admin API",
|
||||
},
|
||||
{
|
||||
value: "store",
|
||||
label: "Store API",
|
||||
},
|
||||
{
|
||||
value: "docs",
|
||||
label: "Docs",
|
||||
},
|
||||
{
|
||||
value: "user-guide",
|
||||
label: "User Guide",
|
||||
},
|
||||
{
|
||||
value: "plugins",
|
||||
label: "Plugins",
|
||||
},
|
||||
{
|
||||
value: "reference",
|
||||
label: "References",
|
||||
},
|
||||
{
|
||||
value: "ui",
|
||||
label: "UI",
|
||||
label: "Medusa UI",
|
||||
},
|
||||
// TODO add more filters
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user