pierre/MoneyMgr
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases 2 Wiki Activity

Display account amount on account page

Browse Source
This commit is contained in:
Pierre HUBERT 2025-04-21 12:36:03 +02:00
parent 1621fe41e2
commit 18bed77c7b
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
moneymgr_web/src/routes/AccountRoute.tsx
View File

@ -3,6 +3,8 @@ import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer"
import { useAccounts } from "../hooks/AccountsListProvider"; import { useAccounts } from "../hooks/AccountsListProvider";
import { NotFoundRoute } from "./NotFound"; import { NotFoundRoute } from "./NotFound";
import { AccountWidget } from "../widgets/AccountWidget"; import { AccountWidget } from "../widgets/AccountWidget";
import { AmountWidget } from "../widgets/AmountWidget";
import { Typography } from "@mui/material";
export function AccountRoute(): React.ReactElement { export function AccountRoute(): React.ReactElement {
const { accountId } = useParams(); const { accountId } = useParams();
@ -17,7 +19,13 @@ export function AccountRoute(): React.ReactElement {
label={ label={
<span style={{ display: "inline-flex", alignItems: "center" }}> <span style={{ display: "inline-flex", alignItems: "center" }}>
<AccountWidget account={account} /> <AccountWidget account={account} />
&nbsp;{account.name} &nbsp;
<span style={{ display: "inline-flex", flexDirection: "column" }}>
<span>{account.name}</span>
<Typography component={"span"} variant="subtitle1">
<AmountWidget amount={account.balance} />
</Typography>
</span>
</span> </span>
} }
> >