diff --git a/src/main/kotlin/com/jetpackduba/gitnuro/ui/components/SearchTextField.kt b/src/main/kotlin/com/jetpackduba/gitnuro/ui/components/SearchTextField.kt index 18aa668..fd5fb8b 100644 --- a/src/main/kotlin/com/jetpackduba/gitnuro/ui/components/SearchTextField.kt +++ b/src/main/kotlin/com/jetpackduba/gitnuro/ui/components/SearchTextField.kt @@ -5,6 +5,9 @@ import androidx.compose.foundation.focusable import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding +import androidx.compose.foundation.layout.size +import androidx.compose.material.Icon +import androidx.compose.material.IconButton import androidx.compose.material.MaterialTheme import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier @@ -13,8 +16,11 @@ import androidx.compose.ui.focus.focusRequester import androidx.compose.ui.input.key.KeyEventType import androidx.compose.ui.input.key.onPreviewKeyEvent import androidx.compose.ui.input.key.type +import androidx.compose.ui.res.painterResource import androidx.compose.ui.text.input.TextFieldValue import androidx.compose.ui.unit.dp +import com.jetpackduba.gitnuro.AppIcons +import com.jetpackduba.gitnuro.extensions.handOnHover import com.jetpackduba.gitnuro.keybindings.KeybindingOption import com.jetpackduba.gitnuro.keybindings.matchesBinding @@ -45,7 +51,22 @@ fun SearchTextField( hint = "Search files by name or path", modifier = Modifier.fillMaxWidth() .focusable() - .focusRequester(searchFocusRequester) + .focusRequester(searchFocusRequester), + trailingIcon = { + IconButton( + onClick = onClose, + modifier = Modifier + .padding(end = 8.dp) + .size(16.dp) + .handOnHover(), + ) { + Icon( + painterResource(AppIcons.CLOSE), + contentDescription = null, + tint = MaterialTheme.colors.onBackground + ) + } + } ) } } \ No newline at end of file