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

trades page: show pnl

Browse Source
This commit is contained in:
mantikoros 2022-02-14 13:00:20 -06:00
parent cef9eebbdf
commit a8abd4ecbb
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/components/bets-list.tsx
View File

@ -121,16 +121,32 @@ export function BetsList(props: { user: User }) {
(c) => contractsCurrentValue[c.id]
)
const totalPortfolio = currentBetsValue + user.balance
const pnl = totalPortfolio - user.totalDeposits
const totalReturn =
(pnl > 0 ? '+' : '') + ((pnl / user.totalDeposits) * 100).toFixed() + '%'
return (
<Col className="mt-6 gap-6">
<Col className="mx-4 gap-4 sm:flex-row sm:justify-between md:mx-0">
<Row className="gap-8">
<Col>
<div className="text-sm text-gray-500">Total portfolio</div>
<div>{formatMoney(totalPortfolio)}</div>
</Col>
<Col>
<div className="text-sm text-gray-500">Total profits & losses</div>
<div>
{formatMoney(pnl)} ({totalReturn})
</div>
</Col>
<Col>
<div className="text-sm text-gray-500">Currently invested</div>
<div>{formatMoney(currentInvestment)}</div>
</Col>
<Col>
<div className="text-sm text-gray-500">Current value</div>
<div className="text-sm text-gray-500">Current market value</div>
<div>{formatMoney(currentBetsValue)}</div>
</Col>
</Row>