Files
medusa-store/www/apps/api-reference/providers/search.tsx
Shahed Nasser 9b3218885c docs: redesign search (#12628)
* docs: redesign search

* add shadow in dark mode
2025-05-28 10:01:04 +03:00

63 lines
1.8 KiB
TypeScript

"use client"
import { usePageLoading, SearchProvider as UiSearchProvider } from "docs-ui"
import { config } from "../config"
import basePathUrl from "../utils/base-path-url"
type SearchProviderProps = {
children: React.ReactNode
}
const SearchProvider = ({ children }: SearchProviderProps) => {
const { isLoading } = usePageLoading()
return (
<UiSearchProvider
algolia={{
appId: process.env.NEXT_PUBLIC_ALGOLIA_APP_ID || "temp",
apiKey: process.env.NEXT_PUBLIC_ALGOLIA_API_KEY || "temp",
mainIndexName: process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
}}
indices={[
{
value: process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
title: "Docs",
},
{
value: process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
title: "Store & Admin API",
},
]}
defaultIndex={process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp"}
searchProps={{
isLoading,
suggestions: [
{
title: "Getting started? Try one of the following terms.",
items: [
"Install Medusa with create-medusa-app",
"What is an API route?",
"What is a Workflow?",
],
},
{
title: "Developing with Medusa",
items: [
"How to create an API route",
"How to create a module",
"How to create a data model",
"How to create an admin widget",
],
},
],
checkInternalPattern: new RegExp(
`^${config.baseUrl}${basePathUrl(`/(admin|store)`)}`
),
}}
>
{children}
</UiSearchProvider>
)
}
export default SearchProvider