open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Render the actual contract created time

Browse Source
This commit is contained in:
jahooma 2021-12-13 01:01:09 -06:00
parent 1303da7441
commit 9f59f4b3c4
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/contract-overview.tsx
View File

@ -1,4 +1,5 @@
import React from 'react' import React from 'react'
import dayjs from 'dayjs'
import { Contract } from '../lib/firebase/contracts' import { Contract } from '../lib/firebase/contracts'
import { Col } from './layout/col' import { Col } from './layout/col'
import { Row } from './layout/row' import { Row } from './layout/row'
@ -11,7 +12,7 @@ export const ContractOverview = (props: {
className?: string className?: string
}) => { }) => {
const { contract, className } = props const { contract, className } = props
const { pot, seedAmounts } = contract const { pot, seedAmounts, createdTime } = contract
const volume = pot.YES + pot.NO - seedAmounts.YES - seedAmounts.NO const volume = pot.YES + pot.NO - seedAmounts.YES - seedAmounts.NO
const prob = pot.YES ** 2 / (pot.YES ** 2 + pot.NO ** 2) const prob = pot.YES ** 2 / (pot.YES ** 2 + pot.NO ** 2)
@ -28,7 +29,9 @@ export const ContractOverview = (props: {
By {contract.creatorName} By {contract.creatorName}
</div> </div>
<div className="py-2">•</div> <div className="py-2">•</div>
<div className="p-2 whitespace-nowrap">Dec 9</div> <div className="p-2 whitespace-nowrap">
{dayjs(createdTime).format('MMM D')}
</div>
<div className="py-2">•</div> <div className="py-2">•</div>
<div className="p-2 whitespace-nowrap"> <div className="p-2 whitespace-nowrap">
{formatWithCommas(volume)} volume {formatWithCommas(volume)} volume
@ -36,7 +39,7 @@ export const ContractOverview = (props: {
</Row> </Row>
</Col> </Col>
<Col className="text-4xl p-2 ml-2 text-primary items-end"> <Col className="text-4xl p-2 mx-2 text-primary items-end">
{probPercent} {probPercent}
<div className="text-xl">chance</div> <div className="text-xl">chance</div>
</Col> </Col>