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

Smoother movements reload

Browse Source
This commit is contained in:
Pierre HUBERT
2025-04-22 12:19:36 +02:00
parent bff1c2d171
commit fc15656530
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,8 @@ import { useParams } from "react-router-dom";
import { Movement, MovementApi } from "../api/MovementsApi"; import { Movement, MovementApi } from "../api/MovementsApi";
import { useAccounts } from "../hooks/AccountsListProvider"; import { useAccounts } from "../hooks/AccountsListProvider";
import { useAlert } from "../hooks/context_providers/AlertDialogProvider"; import { useAlert } from "../hooks/context_providers/AlertDialogProvider";
import { useConfirm } from "../hooks/context_providers/ConfirmDialogProvider";
import { useLoadingMessage } from "../hooks/context_providers/LoadingMessageProvider";
import { AccountWidget } from "../widgets/AccountWidget"; import { AccountWidget } from "../widgets/AccountWidget";
import { AmountWidget } from "../widgets/AmountWidget"; import { AmountWidget } from "../widgets/AmountWidget";
import { AsyncWidget } from "../widgets/AsyncWidget"; import { AsyncWidget } from "../widgets/AsyncWidget";
@ -13,9 +15,10 @@ import { DateWidget } from "../widgets/DateWidget";
import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer"; import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer";
import { NewMovementWidget } from "../widgets/NewMovementWidget"; import { NewMovementWidget } from "../widgets/NewMovementWidget";
import { NotFoundRoute } from "./NotFound"; import { NotFoundRoute } from "./NotFound";
import { useConfirm } from "../hooks/context_providers/ConfirmDialogProvider";
export function AccountRoute(): React.ReactElement { export function AccountRoute(): React.ReactElement {
const loadingMessage = useLoadingMessage();
const { accountId } = useParams(); const { accountId } = useParams();
const loadKey = React.useRef(0); const loadKey = React.useRef(0);
@ -26,15 +29,21 @@ export function AccountRoute(): React.ReactElement {
const [movements, setMovements] = React.useState<Movement[] | undefined>(); const [movements, setMovements] = React.useState<Movement[] | undefined>();
const load = async () => { const load = async () => {
setMovements(undefined);
setMovements(await MovementApi.GetAccountMovements(account!.id)); setMovements(await MovementApi.GetAccountMovements(account!.id));
}; };
const reload = (skipMovements = false) => { const reload = async (skipMovements = false) => {
try {
accounts.reloadBalances(); accounts.reloadBalances();
if (!skipMovements) { if (!skipMovements) {
setMovements(undefined); loadingMessage.show("Refreshing the list of movements");
loadKey.current += 1; await load();
}
} catch (e) {
console.error("Failed to load list of movements!", e);
alert(`Failed to refresh the list of movements! ${e}`);
} finally {
loadingMessage.hide();
} }
}; };