diff --git a/web/components/contract/contract-mention.tsx b/web/components/contract/contract-mention.tsx index 75844f4c..bdae9957 100644 --- a/web/components/contract/contract-mention.tsx +++ b/web/components/contract/contract-mention.tsx @@ -1,7 +1,9 @@ import clsx from 'clsx' import { Contract } from 'common/contract' +import { formatMoney } from 'common/util/format' import Link from 'next/link' import { contractPath, getBinaryProbPercent } from 'web/lib/firebase/contracts' +import { fromNow } from 'web/lib/util/time' import { BinaryContractOutcomeLabel } from '../outcome-label' import { getColor } from './quick-bet' @@ -14,7 +16,7 @@ export function ContractMention(props: { contract: Contract }) { {contract.question} @@ -41,3 +43,12 @@ export function ContractMention(props: { contract: Contract }) { ) } + +function tooltipLabel(contract: Contract) { + const { resolutionTime, creatorName, volume, closeTime = 0 } = contract + const dateFormat = resolutionTime + ? `Resolved ${fromNow(resolutionTime)}` + : `${closeTime < Date.now() ? 'Closed' : 'Closes'} ${fromNow(closeTime)}` + + return `By ${creatorName}. ${formatMoney(volume)} bet. ${dateFormat}` +}