import { Contract } from 'web/lib/firebase/contracts' import { User } from 'web/lib/firebase/users' import { Col } from '../layout/col' import { SiteLink } from '../site-link' import { ContractCard } from './contract-card' import { ShowTime } from './contract-details' import { ContractSearch } from '../contract-search' import { useCallback } from 'react' import clsx from 'clsx' import { LoadingIndicator } from '../loading-indicator' import { VisibilityObserver } from '../visibility-observer' export type ContractHighlightOptions = { contractIds?: string[] highlightClassName?: string } export function ContractsGrid(props: { contracts: Contract[] | undefined loadMore?: () => void showTime?: ShowTime onContractClick?: (contract: Contract) => void gridClassName?: string cardHideOptions?: { hideQuickBet?: boolean hideGroupLink?: boolean } highlightOptions?: ContractHighlightOptions }) { const { contracts, showTime, loadMore, onContractClick, gridClassName, cardHideOptions, highlightOptions, } = props const { hideQuickBet, hideGroupLink } = cardHideOptions || {} const { contractIds, highlightClassName } = highlightOptions || {} const onVisibilityUpdated = useCallback( (visible) => { if (visible && loadMore) { loadMore() } }, [loadMore] ) if (contracts === undefined) { return } if (contracts.length === 0) { return (

No markets found. Why not{' '} create one?

) } return ( ) } export function CreatorContractsList(props: { user: User | null | undefined creator: User }) { const { user, creator } = props return ( ) }