You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
719 B
28 lines
719 B
import { FundBar } from '../../widgets/FundBar' |
|
import { Page } from '../../layout/Page' |
|
import { useAccounts } from '../../hooks/getMany/useAccounts' |
|
|
|
import './style.scss' |
|
|
|
export const Dashboard = () => { |
|
const accounts = useAccounts() |
|
if (!accounts.data) return <div>loading...</div> |
|
|
|
// TODO: Month select |
|
|
|
return ( |
|
<Page> |
|
<h1>Remaining Balances</h1> |
|
{accounts.data?.map((account) => ( |
|
<div key={account.id} className="account-overview"> |
|
<h3>{account.name}</h3> |
|
<div className="funds"> |
|
{account.stacks.map((stack) => ( |
|
<FundBar key={stack.id} stack={stack} /> |
|
))} |
|
</div> |
|
</div> |
|
))} |
|
</Page> |
|
) |
|
}
|
|
|