From 520ccd8a49e3639482a36066e968e53817f32fd1 Mon Sep 17 00:00:00 2001
From: Duy Dao <daothanhduy305@gmail.com>
Date: Sat, 5 Jul 2025 15:40:37 +0700
Subject: [PATCH] feat: support clearing the searching text

---
 .../CaddyReverseProxiesPage.razor                  |  3 ++-
 .../CaddyReverseProxiesPage.razor.cs               | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
index f9e95e0..3fbd90a 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
+++ b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor
@@ -21,7 +21,8 @@
     <MudSpacer />
     <MudTextField T="string" Placeholder="Search..." Adornment="Adornment.End" DebounceInterval="500" 
                   OnDebounceIntervalElapsed="HandleIntervalElapsed" @bind-Value="_debouncedText"
-                  AdornmentIcon="@Icons.Material.Filled.Search"/>
+                  AdornmentIcon="@(string.IsNullOrWhiteSpace(_debouncedText) ? Icons.Material.Filled.Search : Icons.Material.Filled.Close)"
+                  OnAdornmentClick="HandleSearchBarAdornmentClick" />
 </MudContainer>
 <MudList T="string" Style="padding-top: 16px;" SelectionMode="SelectionMode.MultiSelection"
          @bind-SelectedValues="_selectedCaddyConfigurations">
diff --git a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
index bb2286d..48a4a84 100644
--- a/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
+++ b/CaddyManager/Components/Pages/Caddy/CaddyReverseProxies/CaddyReverseProxiesPage.razor.cs
@@ -144,4 +144,18 @@ public partial class CaddyReverseProxiesPage : ComponentBase
         // Simply refresh the page with the new debounced text
         Refresh();
     }
+    
+    /// <summary>
+    /// Handle the click event for the search bar adornment. If the debounced text is empty, then simply refresh
+    /// to have the search be effective, otherwise, clear the debounced text to reset the search.
+    /// </summary>
+    private void HandleSearchBarAdornmentClick()
+    {
+        if (!string.IsNullOrWhiteSpace(_debouncedText))
+        {
+            _debouncedText = string.Empty;
+        }
+        
+        Refresh();
+    }
 }
\ No newline at end of file