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

52 lines
1.4 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: [
"Medusa Configurations",
"Commerce Modules",
"Medusa Workflows Reference",
"Storefront Development",
],
},
],
checkInternalPattern: new RegExp(`^${config.baseUrl}/resources/.*`),
}}
>
{children}
</UiSearchProvider>
)
}
export default SearchProvider