Improve usability

This commit is contained in:
2025-05-15 22:18:36 +02:00
parent 3c5c82371a
commit a3f2b77548
3 changed files with 17 additions and 12 deletions
moneymgr_web/src

@ -121,13 +121,15 @@ function MovementsTable(p: {
const chooseAccount = useSelectAccount();
const [labelFilter, setLabelFilter] = React.useState("");
const [filter, setFilter] = React.useState("");
const filteredList = React.useMemo(() => {
return p.movements.filter((m) =>
m.label.toLowerCase().includes(labelFilter.toLowerCase())
return p.movements.filter(
(m) =>
m.label.toLowerCase().includes(filter.toLowerCase()) ||
m.amount.toString().includes(filter)
);
}, [p.movements, labelFilter]);
}, [p.movements, filter]);
const [rowSelectionModel, setRowSelectionModel] =
React.useState<GridRowSelectionModel>({ type: "include", ids: new Set() });
@ -382,12 +384,12 @@ function MovementsTable(p: {
<>
<div style={{ display: "flex" }}>
<TextField
placeholder="Filter by label"
placeholder="Filter by label or amount"
variant="standard"
size="small"
value={labelFilter}
value={filter}
onChange={(e) => {
setLabelFilter(e.target.value);
setFilter(e.target.value);
}}
style={{ padding: "0px", flex: 1 }}
/>