betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

refactor(recherche): Factorise le client et l'index Algolia utilisé pour les recherches

pull/3053/head
Alice Dahan 2024-07-23 18:24:51 +02:00 committed by liliced
parent 2fb4a20fd9
commit 550367d12f
3 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/source/components/search/Algolia.ts Normal file
View File

@ -0,0 +1,9 @@
import algoliasearch from 'algoliasearch/lite'
const ALGOLIA_APP_ID = import.meta.env.VITE_ALGOLIA_APP_ID || ''
const ALGOLIA_SEARCH_KEY = import.meta.env.VITE_ALGOLIA_SEARCH_KEY || ''
export const searchClient = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_SEARCH_KEY)
export const algoliaIndexPrefix =
import.meta.env.VITE_ALGOLIA_INDEX_PREFIX || ''

10
site/source/components/search/SearchRules.tsx
View File

@ -1,24 +1,18 @@
import algoliasearch from 'algoliasearch/lite'
import { Trans, useTranslation } from 'react-i18next'
import { H2 } from '@/design-system/typography/heading'
import { algoliaIndexPrefix, searchClient } from './Algolia'
import { RulesInfiniteHits } from './RulesInfiniteHits'
import { SearchBox } from './SearchBox'
import { SearchRoot } from './SearchRoot'
const ALGOLIA_APP_ID = import.meta.env.VITE_ALGOLIA_APP_ID || ''
const ALGOLIA_SEARCH_KEY = import.meta.env.VITE_ALGOLIA_SEARCH_KEY || ''
const ALGOLIA_INDEX_PREFIX = import.meta.env.VITE_ALGOLIA_INDEX_PREFIX || ''
const searchClient = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_SEARCH_KEY)
export default function SearchRules() {
const { t } = useTranslation()
return (
<SearchRoot
indexName={`${ALGOLIA_INDEX_PREFIX}rules`}
indexName={`${algoliaIndexPrefix}rules`}
searchClient={searchClient}
>
<SearchBox

14
site/source/components/search/SearchRulesAndSimulators.tsx
View File

@ -1,4 +1,3 @@
import algoliasearch from 'algoliasearch/lite'
import { useEffect, useRef } from 'react'
import { useTranslation } from 'react-i18next'
import { Configure, Index } from 'react-instantsearch-dom'
@ -7,17 +6,12 @@ import { styled } from 'styled-components'
import { Spacing } from '@/design-system/layout'
import { algoliaIndexPrefix, searchClient } from './Algolia'
import { RulesInfiniteHits } from './RulesInfiniteHits'
import { SearchBox } from './SearchBox'
import { SearchRoot } from './SearchRoot'
import { SimulatorHits } from './SimulatorHits'
const ALGOLIA_APP_ID = import.meta.env.VITE_ALGOLIA_APP_ID || ''
const ALGOLIA_SEARCH_KEY = import.meta.env.VITE_ALGOLIA_SEARCH_KEY || ''
const ALGOLIA_INDEX_PREFIX = import.meta.env.VITE_ALGOLIA_INDEX_PREFIX || ''
const searchClient = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_SEARCH_KEY)
interface Props {
closePopover: () => void
}
@ -36,7 +30,7 @@ export default function SearchRulesAndSimulators({ closePopover }: Props) {
return (
<StyledContainer>
<SearchRoot
indexName={`${ALGOLIA_INDEX_PREFIX}rules`}
indexName={`${algoliaIndexPrefix}rules`}
searchClient={searchClient}
role="search"
>
@ -45,12 +39,12 @@ export default function SearchRulesAndSimulators({ closePopover }: Props) {
aria-label={t('Rechercher un simulateur ou une règle')}
/>
<Index indexName={`${ALGOLIA_INDEX_PREFIX}simulateurs`}>
<Index indexName={`${algoliaIndexPrefix}simulateurs`}>
<Configure hitsPerPage={6} />
<SimulatorHits />
</Index>
<Index indexName={`${ALGOLIA_INDEX_PREFIX}rules`}>
<Index indexName={`${algoliaIndexPrefix}rules`}>
<RulesInfiniteHits />
</Index>
<Spacing lg />