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 }}
|
||||
/>
|
||||
|
Reference in New Issue
Block a user