prepare Balances component for styling
This commit is contained in:
parent
6ad0e4eb16
commit
6c0211e944
|
@ -18,13 +18,15 @@ const Balances = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const displayedBalances = tokenAccounts
|
const displayedBalances = tokenAccounts
|
||||||
.map((a) => `${a.publicKey.toBase58()}: ${calculateBalance(a)}`)
|
.map((a) => ({ id: a.publicKey.toBase58(), balance: calculateBalance(a) }))
|
||||||
.sort()
|
.sort((a, b) => (a.id > b.id ? 1 : -1))
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ul>
|
<ul>
|
||||||
{displayedBalances.map((b, i) => (
|
{displayedBalances.map((b) => (
|
||||||
<li key={i}>{b}</li>
|
<li key={b.id}>
|
||||||
|
{b.id}: {b.balance}
|
||||||
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue