Add back reset action to the Library and History Search toolbars (#7722)

* Add back reset action to the Library and History Search toolbars

* Localize the descriptions

(cherry picked from commit 71fc5d6d35b0b10917f3db80b236b35fbbdaab3a)

app/src/main/java/eu/kanade/presentation/history/components/HistoryToolbar.kt

@@ -1,9 +1,11 @@
 package eu.kanade.presentation.history.components
 
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.ArrowBack
+import androidx.compose.material.icons.outlined.Close
 import androidx.compose.material.icons.outlined.DeleteSweep
 import androidx.compose.material.icons.outlined.Search
 import androidx.compose.material3.Icon
@@ -44,6 +46,7 @@ fun HistoryToolbar(
             searchQuery = state.searchQuery!!,
             onChangeSearchQuery = { state.searchQuery = it },
             onClickCloseSearch = { state.searchQuery = null },
+            onClickResetSearch = { state.searchQuery = "" },
             incognitoMode = incognitoMode,
             downloadedOnlyMode = downloadedOnlyMode,
         )
@@ -79,6 +82,7 @@ fun HistorySearchToolbar(
     searchQuery: String,
     onChangeSearchQuery: (String) -> Unit,
     onClickCloseSearch: () -> Unit,
+    onClickResetSearch: () -> Unit,
     incognitoMode: Boolean,
     downloadedOnlyMode: Boolean,
 ) {
@@ -98,6 +102,13 @@ fun HistorySearchToolbar(
         },
         navigationIcon = Icons.Outlined.ArrowBack,
         navigateUp = onClickCloseSearch,
+        actions = {
+            AnimatedVisibility(visible = searchQuery.isNotEmpty()) {
+                IconButton(onClick = onClickResetSearch) {
+                    Icon(Icons.Outlined.Close, contentDescription = stringResource(id = R.string.action_reset))
+                }
+            }
+        },
         isActionMode = false,
         downloadedOnlyMode = downloadedOnlyMode,
         incognitoMode = incognitoMode,

app/src/main/java/eu/kanade/presentation/library/components/LibraryToolbar.kt

@@ -1,10 +1,12 @@
 package eu.kanade.presentation.library.components
 
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.Close
 import androidx.compose.material.icons.outlined.FilterList
 import androidx.compose.material.icons.outlined.FlipToBack
 import androidx.compose.material.icons.outlined.MoreVert
@@ -74,6 +76,7 @@ fun LibraryToolbar(
         downloadedOnlyMode = downloadedOnlyMode,
         onChangeSearchQuery = { state.searchQuery = it },
         onClickCloseSearch = { state.searchQuery = null },
+        onClickResetSearch = { state.searchQuery = "" },
         scrollBehavior = scrollBehavior,
     )
     else -> LibraryRegularToolbar(
@@ -205,6 +208,7 @@ fun LibrarySearchToolbar(
     downloadedOnlyMode: Boolean,
     onChangeSearchQuery: (String) -> Unit,
     onClickCloseSearch: () -> Unit,
+    onClickResetSearch: () -> Unit,
     scrollBehavior: TopAppBarScrollBehavior?,
 ) {
     val focusRequester = remember { FocusRequester.Default }
@@ -227,6 +231,13 @@ fun LibrarySearchToolbar(
                 focusRequester.requestFocus()
             }
         },
+        actions = {
+            AnimatedVisibility(visible = searchQuery.isNotEmpty()) {
+                IconButton(onClick = onClickResetSearch) {
+                    Icon(Icons.Outlined.Close, contentDescription = stringResource(id = R.string.action_reset))
+                }
+            }
+        },
         incognitoMode = incognitoMode,
         downloadedOnlyMode = downloadedOnlyMode,
         scrollBehavior = scrollBehavior,