Add clear button to search input

app/src/main/java/com/ivy/wallet/ui/search/SearchScreen.kt

@@ -4,6 +4,7 @@ import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.rememberLazyListState
@@ -178,7 +179,18 @@ private fun SearchInput(
             searchFocus.requestFocus()
         }
 
-        Spacer(Modifier.width(16.dp))
+        Spacer(Modifier.weight(1f))
+
+        IvyIcon(
+            modifier = Modifier
+                .clickable {
+                    onSetSearchQueryTextField(selectEndTextFieldValue(""))
+                }
+                .padding(all = 12.dp), //enlarge click area
+            icon = R.drawable.ic_outline_clear_24
+        )
+
+        Spacer(Modifier.width(8.dp))
     }
 }
 

app/src/main/res/drawable/ic_outline_clear_24.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+    <path
+        android:fillColor="@android:color/white"
+        android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12 19,6.41z" />
+</vector>