Files
medusa-store/www/apps/user-guide/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

55 lines
1.5 KiB
TypeScript

"use client"
import { SearchProvider as UiSearchProvider } from "docs-ui"
import { config } from "../config"
type SearchProviderProps = {
children: React.ReactNode
}
const SearchProvider = ({ children }: SearchProviderProps) => {
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_DOCS_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_DOCS_ALGOLIA_INDEX_NAME || "temp"}
searchProps={{
isLoading: false,
suggestions: [
{
title: "Search Suggestions",
items: [
"Create a product",
"View list of orders",
"Manage regions",
"Add fulfillment provider to a region",
"Add payment provider to a region",
"Manage price lists",
"Manage team",
],
},
],
checkInternalPattern: new RegExp(`^${config.baseUrl}/user-guide`),
}}
>
{children}
</UiSearchProvider>
)
}
export default SearchProvider