Function SearchResults

components/search/SearchResults.tsx:19–38

({ results, query }: Props)

  query: string
}
export function SearchResults({ results, query }: Props) {
  const { t } = useTranslation('search')
  const { formatInteger } = useNumberFormatter()

  const pages = Math.ceil(results.meta.found.value / results.meta.size)
  const { page } = results.meta

  return (
    <div>
      <Text>
        {results.meta.found.value === 1
          ? t('one_result')
          : t('n_results').replace('{n}', formatInteger(results.meta.found.value))}
      </Text>
      <br />
      <SearchResultHits hits={results.hits} query={query} />
      {pages > 1 && <ResultsPagination page={page} totalPages={pages} />}
    </div>
  )
}

function SearchResultHits({ hits, query }: { hits: SearchResultHitT[]; query: string }) {
  const { debug } = useQuery()