Add clear search button

Signed-off-by: Marcel Hibbe <dev@mhibbe.de>

app/src/main/java/com/nextcloud/talk/contacts/components/ContactsSearchAppBar.kt

@@ -14,6 +14,7 @@ import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.filled.Close
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -51,8 +52,7 @@ fun ContactsSearchAppBar(
     ) {
         VerticallyCenteredRow {
             IconButton(
-                modifier = Modifier
-                    .padding(start = 4.dp),
+                modifier = Modifier.padding(start = 4.dp),
                 onClick = onCloseSearch
             ) {
                 Icon(
@@ -68,7 +68,17 @@ fun ContactsSearchAppBar(
                 singleLine = true,
                 keyboardOptions = KeyboardOptions(imeAction = ImeAction.Search),
                 keyboardActions = searchKeyboardActions(searchQuery, keyboardController),
-                colors = searchTextFieldColors()
+                colors = searchTextFieldColors(),
+                trailingIcon = {
+                    if (searchQuery.isNotEmpty()) {
+                        IconButton(onClick = { onTextChange("") }) {
+                            Icon(
+                                imageVector = Icons.Default.Close,
+                                contentDescription = stringResource(R.string.nc_search_clear)
+                            )
+                        }
+                    }
+                }
             )
 
             if (isAddParticipants) {

app/src/main/res/values/strings.xml

@@ -73,6 +73,7 @@ How to translate with transifex:
     <string name="nc_push_notification_fetch_error">Sorry something went wrong, cannot fetch test push message</string>
 
     <string name="nc_search">Search</string>
+    <string name="nc_search_clear">Clear search</string>
 
     <string name="nc_certificate_dialog_title">Check out the certificate</string>
     <string name="nc_certificate_dialog_text">Do you trust the until now unknown SSL certificate, issued by %1$s for %2$s, valid from %3$s to %4$s?</string>