From 96f1bf589c67236f700d1b055f379eee981c7a3c Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Tue, 15 Jul 2025 21:33:19 +0200
Subject: [PATCH] Can clear search filter in account page

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

diff --git a/moneymgr_web/src/routes/AccountRoute.tsx b/moneymgr_web/src/routes/AccountRoute.tsx
index 18e5ecc..e68a9d9 100644
--- a/moneymgr_web/src/routes/AccountRoute.tsx
+++ b/moneymgr_web/src/routes/AccountRoute.tsx
@@ -2,9 +2,11 @@ import DeleteIcon from "@mui/icons-material/DeleteOutlined";
 import DriveFileMoveOutlineIcon from "@mui/icons-material/DriveFileMoveOutline";
 import LinkOffIcon from "@mui/icons-material/LinkOff";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
+import ClearIcon from "@mui/icons-material/Clear";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import {
   IconButton,
+  InputAdornment,
   ListItemIcon,
   ListItemText,
   TextField,
@@ -392,6 +394,19 @@ function MovementsTable(p: {
             setFilter(e.target.value);
           }}
           style={{ padding: "0px", flex: 1 }}
+          slotProps={{
+            input: {
+              endAdornment: filter.length > 0 && (
+                <InputAdornment position="end">
+                  <Tooltip title="Clear current filter">
+                    <IconButton size="small" onClick={() => setFilter("")}>
+                      <ClearIcon />
+                    </IconButton>
+                  </Tooltip>
+                </InputAdornment>
+              ),
+            },
+          }}
         />
         <span style={{ flex: 1 }}></span>
         <Tooltip title="Refresh table">