22 lines
529 B
TypeScript
22 lines
529 B
TypeScript
import { Paper, Text } from "@mantine/core";
|
|
import type { Portfolio } from "@/entities/portfolio";
|
|
import { formatMoney } from "@/entities/portfolio";
|
|
import classes from "../AccountPage.module.css";
|
|
|
|
export function CashBalances({
|
|
balances,
|
|
}: {
|
|
balances: Portfolio["cashBalances"];
|
|
}) {
|
|
return (
|
|
<>
|
|
{balances.map((balance) => (
|
|
<Paper className={classes.cash} key={balance.currency} withBorder>
|
|
<Text>{balance.currency}</Text>
|
|
<Text fw={700}>{formatMoney(balance)}</Text>
|
|
</Paper>
|
|
))}
|
|
</>
|
|
);
|
|
}
|