import clsx from 'clsx' import Link from 'next/link' import { Row } from '../components/layout/row' import { formatMoney } from '../../common/util/format' import { UserLink } from './user-page' import { Contract, contractMetrics, contractPath, getBinaryProbPercent, } from '../lib/firebase/contracts' import { Col } from './layout/col' import dayjs from 'dayjs' import { TrendingUpIcon } from '@heroicons/react/solid' import { DateTimeTooltip } from './datetime-tooltip' import { ClockIcon, DatabaseIcon } from '@heroicons/react/outline' import { fromNow } from '../lib/util/time' import { Avatar } from './avatar' import { Spacer } from './layout/spacer' export function ContractCard(props: { contract: Contract showHotVolume?: boolean showCloseTime?: boolean className?: string }) { const { contract, showHotVolume, showCloseTime, className } = props const { question } = contract return (

{question}

) } export function ResolutionOrChance(props: { contract: Contract large?: boolean className?: string }) { const { contract, large, className } = props const { resolution, outcomeType } = contract const isBinary = outcomeType === 'BINARY' const marketClosed = (contract.closeTime || Infinity) < Date.now() const resolutionColor = { YES: 'text-primary', NO: 'text-red-400', MKT: 'text-blue-400', CANCEL: 'text-yellow-400', '': '', // Empty if unresolved }[resolution || ''] ?? 'text-primary' const probColor = marketClosed ? 'text-gray-400' : 'text-primary' const resolutionText = { YES: 'YES', NO: 'NO', MKT: getBinaryProbPercent(contract), CANCEL: 'N/A', '': '', }[resolution || ''] ?? `#${resolution}` return ( {resolution ? ( <>
Resolved
{resolutionText}
) : ( isBinary && ( <>
{getBinaryProbPercent(contract)}
chance
) )} ) } function AbbrContractDetails(props: { contract: Contract showHotVolume?: boolean showCloseTime?: boolean }) { const { contract, showHotVolume, showCloseTime } = props const { volume24Hours, creatorName, creatorUsername, closeTime } = contract const { truePool } = contractMetrics(contract) return ( {showHotVolume ? ( {formatMoney(volume24Hours)} ) : showCloseTime ? ( Closes {fromNow(closeTime || 0)} ) : ( {/* */} {formatMoney(truePool)} pool )} ) } export function ContractDetails(props: { contract: Contract }) { const { contract } = props const { closeTime, creatorName, creatorUsername } = contract const { truePool, createdDate, resolvedDate } = contractMetrics(contract) return ( {createdDate} {resolvedDate && contract.resolutionTime ? ( <> {' - '} {resolvedDate} ) : null} {!resolvedDate && closeTime && ( <> {' - '} Date.now() ? 'Trading ends:' : 'Trading ended:' } time={closeTime} > {dayjs(closeTime).format('MMM D')} ({fromNow(closeTime)}) )}
{formatMoney(truePool)} pool
) } // String version of the above, to send to the OpenGraph image generator export function contractTextDetails(contract: Contract) { const { closeTime, tags } = contract const { truePool, createdDate, resolvedDate } = contractMetrics(contract) const hashtags = tags.map((tag) => `#${tag}`) return ( `${resolvedDate ? `${createdDate} - ${resolvedDate}` : createdDate}` + (closeTime ? ` • ${closeTime > Date.now() ? 'Closes' : 'Closed'} ${dayjs( closeTime ).format('MMM D, h:mma')}` : '') + ` • ${formatMoney(truePool)} pool` + (hashtags.length > 0 ? ` • ${hashtags.join(' ')}` : '') ) }