From 18bed77c7bf3e7b415d9de67a9efb8f553c7f3e3 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Mon, 21 Apr 2025 12:36:03 +0200
Subject: [PATCH] Display account amount on account page

---
 moneymgr_web/src/routes/AccountRoute.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/moneymgr_web/src/routes/AccountRoute.tsx b/moneymgr_web/src/routes/AccountRoute.tsx
index eed86b4..15dd9f1 100644
--- a/moneymgr_web/src/routes/AccountRoute.tsx
+++ b/moneymgr_web/src/routes/AccountRoute.tsx
@@ -3,6 +3,8 @@ import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer"
 import { useAccounts } from "../hooks/AccountsListProvider";
 import { NotFoundRoute } from "./NotFound";
 import { AccountWidget } from "../widgets/AccountWidget";
+import { AmountWidget } from "../widgets/AmountWidget";
+import { Typography } from "@mui/material";
 
 export function AccountRoute(): React.ReactElement {
   const { accountId } = useParams();
@@ -17,7 +19,13 @@ export function AccountRoute(): React.ReactElement {
       label={
         <span style={{ display: "inline-flex", alignItems: "center" }}>
           <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>
       }
     >