From 4323924ed6aa603221262c63d6893d014fcb2faf Mon Sep 17 00:00:00 2001
From: Abdelilah El Aissaoui <aeab13@gmail.com>
Date: Sat, 4 Nov 2023 00:35:58 +0100
Subject: [PATCH] Added button to clear search in side panel

---
 .../com/jetpackduba/gitnuro/ui/SidePanel.kt    | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/main/kotlin/com/jetpackduba/gitnuro/ui/SidePanel.kt b/src/main/kotlin/com/jetpackduba/gitnuro/ui/SidePanel.kt
index 02dc3c5..cf99ec1 100644
--- a/src/main/kotlin/com/jetpackduba/gitnuro/ui/SidePanel.kt
+++ b/src/main/kotlin/com/jetpackduba/gitnuro/ui/SidePanel.kt
@@ -135,7 +135,7 @@ fun FilterTextField(value: String, onValueChange: (String) -> Unit, modifier: Mo
             fontSize = MaterialTheme.typography.body2.fontSize,
             color = MaterialTheme.colors.onBackground,
         ),
-        maxLines = 1,
+        singleLine = true,
         leadingIcon = {
             Icon(
                 painterResource(AppIcons.SEARCH),
@@ -143,6 +143,22 @@ fun FilterTextField(value: String, onValueChange: (String) -> Unit, modifier: Mo
                 modifier = Modifier.size(16.dp),
                 tint = if (value.isEmpty()) MaterialTheme.colors.onBackgroundSecondary else MaterialTheme.colors.onBackground
             )
+        },
+        trailingIcon = {
+            if (value.isNotEmpty()) {
+                IconButton(
+                    onClick = { onValueChange("") },
+                    modifier = Modifier
+                        .size(16.dp)
+                        .handOnHover(),
+                ) {
+                    Icon(
+                        painterResource(AppIcons.CLOSE),
+                        contentDescription = null,
+                        tint = if (value.isEmpty()) MaterialTheme.colors.onBackgroundSecondary else MaterialTheme.colors.onBackground
+                    )
+                }
+            }
         }
     )
 }