blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add unsettled perp to mobile unsettled table

This commit is contained in:
saml33 2023-02-13 15:17:10 +11:00
parent 9dbf7c90a0
commit 4f905cf850
1 changed files with 46 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
components/trade/UnsettledTrades.tsx
View File

@ -160,13 +160,17 @@ const UnsettledTrades = ({
<div className="flex justify-end">
{unsettledSpotBalances[mktAddress].base ? (
<div>
{unsettledSpotBalances[mktAddress].base}{' '}
<FormatNumericValue
value={unsettledSpotBalances[mktAddress].base}
/>{' '}
<span className="font-body text-th-fgd-4">{base}</span>
</div>
) : null}
{unsettledSpotBalances[mktAddress].quote ? (
<div className="ml-4">
{unsettledSpotBalances[mktAddress].quote}{' '}
<FormatNumericValue
value={unsettledSpotBalances[mktAddress].quote}
/>{' '}
<span className="font-body text-th-fgd-4">{quote}</span>
</div>
) : null}
@ -233,7 +237,40 @@ const UnsettledTrades = ({
</tbody>
</Table>
) : (
<div className="pb-20">
<div>
{unsettledPerpPositions.map((position) => {
const market = group.getPerpMarketByMarketIndex(position.marketIndex)
return (
<div
key={position.marketIndex}
className="flex items-center justify-between border-b border-th-bkg-3 p-4"
>
<TableMarketName market={market} />
<div className="flex items-center space-x-3">
<div>
<FormatNumericValue
value={position.getUnsettledPnlUi(market)}
decimals={market.baseDecimals}
/>{' '}
<span className="font-body text-th-fgd-4">USDC</span>
</div>
{!isUnownedAccount ? (
<IconButton
onClick={() => handleSettlePerpFunds(market)}
size="medium"
>
{settleMktAddress === market.publicKey.toString() ? (
<Loading className="h-4 w-4" />
) : (
<CheckIcon className="h-4 w-4" />
)}
</IconButton>
) : null}
</div>
</div>
)
})}
{Object.entries(unsettledSpotBalances).map(([mktAddress]) => {
const market = group.getSerum3MarketByExternalMarket(
new PublicKey(mktAddress)
@ -250,13 +287,17 @@ const UnsettledTrades = ({
<div className="flex items-center space-x-3">
{unsettledSpotBalances[mktAddress].base ? (
<span className="font-mono text-sm">
{unsettledSpotBalances[mktAddress].base}{' '}
<FormatNumericValue
value={unsettledSpotBalances[mktAddress].base}
/>{' '}
<span className="font-body text-th-fgd-4">{base}</span>
</span>
) : null}
{unsettledSpotBalances[mktAddress].quote ? (
<span className="font-mono text-sm">
{unsettledSpotBalances[mktAddress].quote}{' '}
<FormatNumericValue
value={unsettledSpotBalances[mktAddress].quote}
/>{' '}
<span className="font-body text-th-fgd-4">{quote}</span>
</span>
) : null}