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

Remove colored background for daily movers to make it not feel like your own profit / loss

Browse Source
This commit is contained in:
James Grugett 2022-09-19 16:24:36 -05:00
parent de8e4df04c
commit f3ff6d99c8
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/contract/prob-change-table.tsx
View File

@ -78,12 +78,17 @@ export function ProbChange(props: {
prob, prob,
probChanges: { day: change }, probChanges: { day: change },
} = contract } = contract
const color = change >= 0 ? 'text-green-500' : 'text-red-500'
return ( return (
<Col className={clsx('flex flex-col items-end', className)}> <Col className={clsx('flex flex-col items-end', className)}>
<span className="mb-0.5 mr-0.5 text-2xl"> <div className="mb-0.5 mr-0.5 text-2xl">
{formatPercent(Math.round(100 * prob) / 100)} {formatPercent(Math.round(100 * prob) / 100)}
</span> </div>
<ProfitBadge className="ml-0" profitPercent={100 * change} round /> <div className={clsx('text-base', color)}>
{(change > 0 ? '+' : '') + (change * 100).toFixed(0) + '%'}
</div>
</Col> </Col>
) )
} }