feat: add language facetFilter

vtexdocs · Feb 5, 2024 · 4f4cb99 · 4f4cb99
1 parent c498644
commit 4f4cb99
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/search-input/index.tsx b/src/components/search-input/index.tsx
@@ -2,11 +2,13 @@ import { Configure, InstantSearch } from 'react-instantsearch-dom'
 import SearchBox from './search-box'
 import Results from './results-box'
 import { Box } from '@vtex/brand-ui'
-import { useRef, useState } from 'react'
+import { useContext, useRef, useState } from 'react'
 import useClickOutside from 'utils/hooks/useClickOutside'
 import { searchClient, searchIndex } from 'utils/config/search-config'
+import { LibraryContext } from 'utils/context/libraryContext'
 
 export default function SearchInput() {
+  const { locale } = useContext(LibraryContext)
   const [focusOut, setfocusOut] = useState<{ modaltoggle: boolean }>({
     modaltoggle: true,
   })
@@ -19,7 +21,10 @@ export default function SearchInput() {
 
   return (
     <InstantSearch searchClient={searchClient} indexName={searchIndex}>
-      <Configure clickAnalytics={true} />
+      {
+        searchClient.instantSearchConfigs && <Configure {...searchClient.instantSearchConfigs} />
+      }
+      <Configure clickAnalytics={true} facetFilters={[`language:${locale}`]} />
       <Box onFocus={() => setfocusOut({ modaltoggle: true })} ref={resultsBox}>
         <SearchBox changeFocus={changeFocus} />
         {focusOut.modaltoggle && <Results changeFocus={changeFocus} />}

diff --git a/src/utils/config/search-config.ts b/src/utils/config/search-config.ts
@@ -13,10 +13,11 @@ interface AlgoliaConfig {
   algoliaOptions?: AlgoliaSearchOptions
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   customOptions?: any
+  instantSearchConfigs?: any
 }
 
 const createAlgoliaClient = (config: AlgoliaConfig) => {
-  const { apiKey, appId, index, algoliaOptions, customOptions } = config
+  const { apiKey, appId, index, algoliaOptions, customOptions, instantSearchConfigs } = config
   searchIndex = index
 
   aa('init', {
@@ -37,6 +38,7 @@ const createAlgoliaClient = (config: AlgoliaConfig) => {
   searchClient = {
     ...algoliaClient,
     ...customOptions,
+    instantSearchConfigs,
     search(requests: MultipleQueriesQuery[]) {
       if (requests.every(({ params }) => !params?.query)) return
       return algoliaClient.search(requests)