add clear icon (clear search input)

Author: leeendl

app/build.gradle.kts

@@ -14,8 +14,8 @@ android {
         minSdk = 21
         targetSdk = 36
 
-        versionCode = 34
-        versionName = "1.0-34"
+        versionCode = 35
+        versionName = "1.0-35"
 
     }
 

app/src/main/java/jisho/MainActivity.kt

@@ -126,16 +126,29 @@ class MainActivity : ComponentActivity() {
                 focusedIndicatorColor = Color.Transparent
             ),
             trailingIcon = {
-                IconButton(
-                    onClick = {  }, // @todo
-                    modifier = Modifier
-                        .padding(6.dp)
-                        .background(color = Color(0xFF6A6A6A))
+                Row(
+                    horizontalArrangement = Arrangement.spacedBy((-6).dp),
+                    verticalAlignment = Alignment.CenterVertically // @note adapt with ic_search padding
                 ) {
-                    Icon(
-                        painter = painterResource(R.drawable.ic_search),
-                        contentDescription = "Search"
-                    )
+                    IconButton(
+                        onClick = { onValueChange("") }
+                    ) {
+                        Icon(
+                            painter = painterResource(R.drawable.ic_clear),
+                            contentDescription = "Clear"
+                        )
+                    }
+                    IconButton(
+                        onClick = { }, // @todo
+                        modifier = Modifier
+                            .padding(6.dp)
+                            .background(color = Color(0xFF6A6A6A))
+                    ) {
+                        Icon(
+                            painter = painterResource(R.drawable.ic_search),
+                            contentDescription = "Search"
+                        )
+                    }
                 }
             }
         )

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

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="40dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="40dp">
+      
+    <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,12z"/>
+    
+</vector>