diff --git a/src/components/account/AccountInfoTable.tsx b/src/components/account/AccountInfoTable.tsx index 8a4db614..4d3a49e4 100644 --- a/src/components/account/AccountInfoTable.tsx +++ b/src/components/account/AccountInfoTable.tsx @@ -76,6 +76,8 @@ export const AccountInfoTable = (props: AccountInfoTableProps) => { } = props; const total = rawAmountToDecimal(balance.data?.total.toString()); + const free = rawAmountToDecimal(balance.data?.free.toString()); + const staked = rawAmountToDecimal(balance.data?.staked.toString()); const [rank, setRank] = useState(); useEffect(() => { @@ -145,19 +147,42 @@ export const AccountInfoTable = (props: AccountInfoTableProps) => { ( -
- - {`${formatCurrency( - new Decimal(total.toFixed(2).toString()), - "USD", - { decimalPlaces: 2 } - )} 𝞃`} - - - {`(${formatCurrency(total.mul(price ?? 0), "USD", { - decimalPlaces: 2, - })} USD)`} - +
+
+ + Free: + {`${formatCurrency( + new Decimal(free.toFixed(2).toString()), + "USD", + { decimalPlaces: 2 } + )} 𝞃`} + +
+
+ + Staked: + {`${formatCurrency( + new Decimal(staked.toFixed(2).toString()), + "USD", + { decimalPlaces: 2 } + )} 𝞃`} + +
+
+ + Total: + {`${formatCurrency( + new Decimal(total.toFixed(2).toString()), + "USD", + { decimalPlaces: 2 } + )} 𝞃`} + + {/* + {`(${formatCurrency(total.mul(price ?? 0), "USD", { + decimalPlaces: 2, + })} USD)`} + */} +
)} copyToClipboard={() => total.toFixed(2).toString()}