asyavee/medusa-store
1
0 Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

add storefront development sidebar

Browse Source
This commit is contained in:
Shahed Nasser committed 2025-03-10 14:20:29 +02:00
1 parent 46c9314f43
commit d2c4323299
7 files changed
+528 -468
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

www/apps/resources/app/storefront-development/page.mdx
+1 -1
View File
@@ -20,4 +20,4 @@ You can build your storefront from scratch, or built it on top of the [Next.js S
--- ---
<ChildDocs hideItems={["General", "Overview"]} /> <ChildDocs hideItems={["General", "Overview"]} defaultItemsPerRow={2} />
www/apps/resources/generated/generated-resources-sidebar.mjs
-442
View File
@@ -17161,448 +17161,6 @@ const generatedgeneratedResourcesSidebarSidebar = {
} }
] ]
}, },
{
"loaded": true,
"isPathHref": true,
"type": "sidebar",
"sidebar_id": "storefront-development",
"title": "Storefront Development",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development",
"title": "Overview",
"children": []
},
{
"type": "separator"
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "General",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/tips",
"title": "Tips",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/publishable-api-keys",
"title": "Publishable API Key",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Examples",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/guides/express-checkout",
"title": "Express Checkout Storefront",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Regions",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions",
"title": "Overview",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/list",
"title": "List Regions",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/store-retrieve-region",
"title": "Store and Retrieve Regions",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/context",
"title": "Region React Context",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Products",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/list",
"title": "List Products",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/retrieve",
"title": "Retrieve a Product",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/variants",
"title": "Select a Variant",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price",
"title": "Retrieve Variant Prices",
"autogenerate_path": "storefront-development/products/price/examples",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/show-price",
"title": "Example: Show Variant's Price",
"description": "",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/sale-price",
"title": "Example: Show Sale Price",
"description": "",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/tax-price",
"title": "Example: Show Price with Taxes",
"description": "",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/inventory",
"title": "Retrieve Variant Inventory",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Product Categories",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/list",
"title": "List Categories",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/retrieve",
"title": "Retrieve a Category",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/products",
"title": "Retrieve a Category's Products",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/nested-categories",
"title": "Retrieve Nested Categories",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Product Collections",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/list",
"title": "List Collections",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/retrieve",
"title": "Retrieve a Collection",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/products",
"title": "Retrieve a Collection's Products",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Carts",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/create",
"title": "Create Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/retrieve",
"title": "Retrieve Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/context",
"title": "Cart React Context",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/update",
"title": "Update Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/manage-items",
"title": "Manage Line Items",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Checkout",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout",
"title": "Overview",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/email",
"title": "1. Enter Email",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/address",
"title": "2. Set Address",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/shipping",
"title": "3. Choose Shipping Method",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/payment",
"title": "4. Choose Payment Provider",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/payment/stripe",
"title": "Example: Stripe",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/complete-cart",
"title": "5. Complete Cart",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Customers",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/register",
"title": "Register Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/login",
"title": "Login Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/third-party-login",
"title": "Third-Party (Social) Login",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/reset-password",
"title": "Reset Password",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/retrieve",
"title": "Retrieve Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/context",
"title": "Customer React Context",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/profile",
"title": "Edit Customer Profile",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/addresses",
"title": "Manage Customer Addresses",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/log-out",
"title": "Log-out Customer",
"children": []
}
]
}
]
},
{ {
"type": "separator" "type": "separator"
}, },
www/apps/resources/generated/generated-storefront-development-sidebar.mjs
+467
View File
@@ -0,0 +1,467 @@
const generatedgeneratedStorefrontDevelopmentSidebarSidebar = {
"sidebar_id": "storefront-development",
"title": "Storefront Development",
"items": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development",
"title": "Overview",
"children": []
},
{
"type": "separator"
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "General",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/tips",
"title": "Tips",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/publishable-api-keys",
"title": "Publishable API Key",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Tutorials",
"description": "The following tutorials guide you to build a storefront for different kinds of use cases.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/guides/express-checkout",
"title": "Express Checkout Storefront",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Regions",
"description": "Regions are different areas you sell products in. Learn how to use regions in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions",
"title": "Overview",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/list",
"title": "List Regions",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/store-retrieve-region",
"title": "Store and Retrieve Regions",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/regions/context",
"title": "Region React Context",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Products",
"description": "Learn how to show products and related data in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/list",
"title": "List Products",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/retrieve",
"title": "Retrieve a Product",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/variants",
"title": "Select a Variant",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price",
"title": "Retrieve Variant Prices",
"autogenerate_path": "storefront-development/products/price/examples",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/show-price",
"title": "Example: Show Variant's Price",
"description": "",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/sale-price",
"title": "Example: Show Sale Price",
"description": "",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/price/examples/tax-price",
"title": "Example: Show Price with Taxes",
"description": "",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/inventory",
"title": "Retrieve Variant Inventory",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Product Categories",
"description": "Learn how to show product categories in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/list",
"title": "List Categories",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/retrieve",
"title": "Retrieve a Category",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/products",
"title": "Retrieve a Category's Products",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/categories/nested-categories",
"title": "Retrieve Nested Categories",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Product Collections",
"description": "Learn how to show product collections in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/list",
"title": "List Collections",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/retrieve",
"title": "Retrieve a Collection",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/products/collections/products",
"title": "Retrieve a Collection's Products",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Carts",
"description": "Learn how to manage carts in your storefront. These carts are later used to implement the checkout flow.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/create",
"title": "Create Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/retrieve",
"title": "Retrieve Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/context",
"title": "Cart React Context",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/update",
"title": "Update Cart",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/cart/manage-items",
"title": "Manage Line Items",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Checkout",
"description": "Learn how to implement the different steps of the checkout flow in your storefront. By following the checkout flow, customers can complete their purchase.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout",
"title": "Overview",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/email",
"title": "1. Enter Email",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/address",
"title": "2. Set Address",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/shipping",
"title": "3. Choose Shipping Method",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/payment",
"title": "4. Choose Payment Provider",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/payment/stripe",
"title": "Example: Stripe",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/checkout/complete-cart",
"title": "5. Complete Cart",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "category",
"title": "Customers",
"description": "Learn how to allow customers to register, login, and manage their profile in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "sub-category",
"title": "Authentication",
"description": "Learn how to authenticate customers in your storefront. This includes basic email-password authentication and third-party (social) login.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/register",
"title": "Register Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/login",
"title": "Login Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/third-party-login",
"title": "Third-Party (Social) Login",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/reset-password",
"title": "Reset Password",
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "sub-category",
"title": "Profile",
"description": "Learn how to retrieve a customer, manage their customer profile, and log them out in your storefront.",
"children": [
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/retrieve",
"title": "Retrieve Customer",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/context",
"title": "Customer React Context",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/profile",
"title": "Edit Customer Profile",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/addresses",
"title": "Manage Customer Addresses",
"children": []
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/storefront-development/customers/log-out",
"title": "Log-out Customer",
"children": []
}
]
}
]
}
]
}
export default generatedgeneratedStorefrontDevelopmentSidebarSidebar
www/apps/resources/sidebar.mjs
+6 -2
View File
@@ -20,7 +20,7 @@ import { salesChannelSidebar } from "./sidebars/sales-channel.mjs"
import { sdkToolsSidebar } from "./sidebars/sdk-tools.mjs" import { sdkToolsSidebar } from "./sidebars/sdk-tools.mjs"
import { stockLocationSidebar } from "./sidebars/stock-location.mjs" import { stockLocationSidebar } from "./sidebars/stock-location.mjs"
import { storeSidebar } from "./sidebars/store.mjs" import { storeSidebar } from "./sidebars/store.mjs"
import { storefrontGuidesSidebar } from "./sidebars/storefront.mjs" import { storefrontDevelopmentSidebar } from "./sidebars/storefront.mjs"
import { taxSidebar } from "./sidebars/tax.mjs" import { taxSidebar } from "./sidebars/tax.mjs"
import { troubleshootingSidebar } from "./sidebars/troubleshooting.mjs" import { troubleshootingSidebar } from "./sidebars/troubleshooting.mjs"
import { userSidebar } from "./sidebars/user.mjs" import { userSidebar } from "./sidebars/user.mjs"
@@ -71,7 +71,6 @@ export const sidebar = [
}, },
...architecturalModulesSidebar, ...architecturalModulesSidebar,
...pluginsSidebar, ...pluginsSidebar,
...storefrontGuidesSidebar,
{ {
type: "separator", type: "separator",
}, },
@@ -134,4 +133,9 @@ export const sidebar = [
title: "Integrations", title: "Integrations",
items: integrationsSidebar, items: integrationsSidebar,
}, },
{
sidebar_id: "storefront-development",
title: "Storefront Development",
items: storefrontDevelopmentSidebar,
},
] ]
www/apps/resources/sidebars/storefront.mjs
+30 -7
View File
@@ -1,10 +1,5 @@
/** @type {import('types').Sidebar.SidebarItem[]} */ /** @type {import('types').Sidebar.SidebarItem[]} */
export const storefrontGuidesSidebar = [ export const storefrontDevelopmentSidebar = [
{
type: "sidebar",
sidebar_id: "storefront-development",
title: "Storefront Development",
children: [
{ {
type: "link", type: "link",
path: "/storefront-development", path: "/storefront-development",
@@ -31,7 +26,9 @@ export const storefrontGuidesSidebar = [
}, },
{ {
type: "category", type: "category",
title: "Examples", title: "Tutorials",
description:
"The following tutorials guide you to build a storefront for different kinds of use cases.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -43,6 +40,8 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Regions", title: "Regions",
description:
"Regions are different areas you sell products in. Learn how to use regions in your storefront.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -69,6 +68,8 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Products", title: "Products",
description:
"Learn how to show products and related data in your storefront.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -101,6 +102,7 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Product Categories", title: "Product Categories",
description: "Learn how to show product categories in your storefront.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -127,6 +129,7 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Product Collections", title: "Product Collections",
description: "Learn how to show product collections in your storefront.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -148,6 +151,8 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Carts", title: "Carts",
description:
"Learn how to manage carts in your storefront. These carts are later used to implement the checkout flow.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -179,6 +184,8 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Checkout", title: "Checkout",
description:
"Learn how to implement the different steps of the checkout flow in your storefront. By following the checkout flow, customers can complete their purchase.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -222,6 +229,14 @@ export const storefrontGuidesSidebar = [
{ {
type: "category", type: "category",
title: "Customers", title: "Customers",
description:
"Learn how to allow customers to register, login, and manage their profile in your storefront.",
children: [
{
type: "sub-category",
title: "Authentication",
description:
"Learn how to authenticate customers in your storefront. This includes basic email-password authentication and third-party (social) login.",
children: [ children: [
{ {
type: "link", type: "link",
@@ -243,6 +258,14 @@ export const storefrontGuidesSidebar = [
path: "/storefront-development/customers/reset-password", path: "/storefront-development/customers/reset-password",
title: "Reset Password", title: "Reset Password",
}, },
],
},
{
type: "sub-category",
title: "Profile",
description:
"Learn how to retrieve a customer, manage their customer profile, and log them out in your storefront.",
children: [
{ {
type: "link", type: "link",
path: "/storefront-development/customers/retrieve", path: "/storefront-development/customers/retrieve",
www/apps/resources/utils/get-sidebar-for-path.ts
+7
View File
@@ -36,6 +36,13 @@ const sidebarMappings: {
}>, }>,
paths: ["/integrations"], paths: ["/integrations"],
}, },
{
module: async () =>
import(
"@/generated/generated-storefront-development-sidebar.mjs"
) as Promise<{ default: Sidebar.Sidebar }>,
paths: ["/storefront-development"],
},
] ]
export async function getSidebarForPath( export async function getSidebarForPath(
currentPath: string currentPath: string
www/packages/docs-ui/src/hooks/use-child-docs/index.tsx
+17 -16
View File
@@ -305,9 +305,15 @@ export const useChildDocs = ({
const HeadingComponent = itemChildren?.length const HeadingComponent = itemChildren?.length
? TitleHeaderComponent(headerLevel) ? TitleHeaderComponent(headerLevel)
: undefined : undefined
const isChildrenCategory = itemChildren?.every( const linkChildren =
itemChildren?.filter(
(item) => isSidebarItemLink(item) || item.type === "sidebar"
) || []
const categoryChildren =
itemChildren?.filter(
(child) => child.type === "category" || child.type === "sub-category" (child) => child.type === "category" || child.type === "sub-category"
) ) || []
const showLinkAsCard = !HeadingComponent && isSidebarItemLink(item)
return ( return (
<React.Fragment key={key}> <React.Fragment key={key}>
@@ -327,21 +333,10 @@ export const useChildDocs = ({
)} )}
</> </>
)} )}
{isChildrenCategory && {linkChildren.length > 0 && (
getAllLevelsElms({
items: itemChildren,
headerLevel: headerLevel + 1,
currentLevel: currentLevel + 1,
})}
{!isChildrenCategory && (
<CardList <CardList
items={ items={
itemChildren linkChildren.map((childItem) => {
?.filter(
(item) =>
isSidebarItemLink(item) || item.type === "sidebar"
)
.map((childItem) => {
const href = isSidebarItemLink(childItem) const href = isSidebarItemLink(childItem)
? childItem.path ? childItem.path
: getSidebarFirstLinkChild( : getSidebarFirstLinkChild(
@@ -363,10 +358,16 @@ export const useChildDocs = ({
className="mb-docs_1" className="mb-docs_1"
/> />
)} )}
{categoryChildren.length > 0 &&
getAllLevelsElms({
items: categoryChildren,
headerLevel: headerLevel + 1,
currentLevel: currentLevel + 1,
})}
{key !== items.length - 1 && headerLevel === 2 && <Hr />} {key !== items.length - 1 && headerLevel === 2 && <Hr />}
</> </>
)} )}
{!HeadingComponent && isSidebarItemLink(item) && ( {showLinkAsCard && (
<Card <Card
title={item.title} title={item.title}
href={item.path} href={item.path}