diff --git a/web/components/contract-search.tsx b/web/components/contract-search.tsx index 7c94f284..7b73a46c 100644 --- a/web/components/contract-search.tsx +++ b/web/components/contract-search.tsx @@ -1,16 +1,14 @@ /* eslint-disable react-hooks/exhaustive-deps */ import algoliasearch from 'algoliasearch/lite' -import { useInfiniteHits, useSortBy } from 'react-instantsearch-hooks-web' import { Contract } from 'common/contract' import { Sort, useInitialQueryAndSort, - useUpdateQueryAndSort, } from '../hooks/use-sort-and-query-params' import { ContractsGrid } from './contract/contracts-list' import { Row } from './layout/row' -import { useEffect, useMemo, useRef, useState } from 'react' +import { useEffect, useMemo, useState } from 'react' import { Spacer } from './layout/spacer' import { ENV, IS_PRIVATE_MANIFOLD } from 'common/envs/constants' import { useUser } from 'web/hooks/use-user' @@ -178,8 +176,6 @@ export function ContractSearch(props: { .flat() useEffect(() => { - console.log('page', page) - let mostRecentQuery = true index .search(query, { facetFilters, @@ -188,10 +184,9 @@ export function ContractSearch(props: { hitsPerPage: 20, }) .then((results) => { - // if (mostRecentQuery) { if (page === 0) { setHitsByPage({ - '0': results.hits as any as Contract[], + [0]: results.hits as any as Contract[], }) } else { setHitsByPage((hitsByPage) => ({ @@ -199,18 +194,10 @@ export function ContractSearch(props: { [page]: results.hits, })) } - // setHits(results.hits as any as Contract[]) - console.log(results.page, results.nbPages, hits) - // } + console.log(results.page, '/', results.nbPages, results.hits) }) - - return () => { - mostRecentQuery = false - } }, [query, page, index, facetFilters, numericFilters]) - console.log('query', query, 'index', index, 'hits', hits) - const showTime = sort === 'close-date' || sort === 'resolve-date' ? sort : undefined @@ -338,84 +325,3 @@ export function ContractSearch(props: { ) } - -export function ContractSearchInner(props: { - querySortOptions?: { - defaultSort: Sort - shouldLoadFromStorage?: boolean - } - onContractClick?: (contract: Contract) => void - overrideGridClassName?: string - hideQuickBet?: boolean - excludeContractIds?: string[] -}) { - const { - querySortOptions, - onContractClick, - overrideGridClassName, - hideQuickBet, - excludeContractIds, - } = props - const { initialQuery } = useInitialQueryAndSort(querySortOptions) - - const { query, setQuery, setSort } = useUpdateQueryAndSort({ - shouldLoadFromStorage: true, - }) - - useEffect(() => { - setQuery(initialQuery) - }, [initialQuery]) - - const { currentRefinement: index } = useSortBy({ - items: [], - }) - - useEffect(() => { - setQuery(query) - }, [query]) - - const isFirstRender = useRef(true) - useEffect(() => { - if (isFirstRender.current) { - isFirstRender.current = false - return - } - - const sort = index.split('contracts-')[1] as Sort - if (sort) { - setSort(sort) - } - }, [index]) - - const [isInitialLoad, setIsInitialLoad] = useState(true) - useEffect(() => { - const id = setTimeout(() => setIsInitialLoad(false), 1000) - return () => clearTimeout(id) - }, []) - - const { showMore, hits, isLastPage } = useInfiniteHits() - let contracts = hits as any as Contract[] - - if (isInitialLoad && contracts.length === 0) return <> - - const showTime = index.endsWith('close-date') - ? 'close-date' - : index.endsWith('resolve-date') - ? 'resolve-date' - : undefined - - if (excludeContractIds) - contracts = contracts.filter((c) => !excludeContractIds.includes(c.id)) - - return ( - - ) -}