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

Tidy up markup

Browse Source
This commit is contained in:
Marshall Polaris 2022-08-26 21:38:23 -07:00
parent 69f85cd114
commit 512e5068e7
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/components/portfolio/portfolio-value-section.tsx
View File

@ -41,20 +41,16 @@ export const PortfolioValueSection = memo(
return <></> return <></>
} }
const { balance, investmentValue } = lastPortfolioMetrics
const totalValue = balance + investmentValue
return ( return (
<div> <>
<Row className="gap-8"> <Row className="gap-8">
<div className="mb-4 w-full"> <Col className="flex-1 justify-center">
<Col className="items-center justify-center"> <div className="text-sm text-gray-500">Portfolio value</div>
<div className="text-sm text-gray-500">Portfolio value</div> <div className="text-lg">{formatMoney(totalValue)}</div>
<div className="text-lg"> </Col>
{formatMoney(
lastPortfolioMetrics.balance +
lastPortfolioMetrics.investmentValue
)}
</div>
</Col>
</div>
<select <select
className="select select-bordered self-start" className="select select-bordered self-start"
value={portfolioPeriod} value={portfolioPeriod}
@ -72,7 +68,7 @@ export const PortfolioValueSection = memo(
portfolioHistory={portfolioHistory} portfolioHistory={portfolioHistory}
includeTime={portfolioPeriod == 'daily'} includeTime={portfolioPeriod == 'daily'}
/> />
</div> </>
) )
} }
) )