From 255439e2b45e8cecd1d38c68d750114d80ee2579 Mon Sep 17 00:00:00 2001 From: Harsh Shandilya Date: Tue, 18 Jul 2023 23:16:57 +0530 Subject: [PATCH] feat(common): add a clickable icon to SearchBar --- .../kotlin/dev/msfjarvis/claw/common/ui/SearchBar.kt | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/common/src/main/kotlin/dev/msfjarvis/claw/common/ui/SearchBar.kt b/common/src/main/kotlin/dev/msfjarvis/claw/common/ui/SearchBar.kt index 5b7e4ff4..ab072a6e 100644 --- a/common/src/main/kotlin/dev/msfjarvis/claw/common/ui/SearchBar.kt +++ b/common/src/main/kotlin/dev/msfjarvis/claw/common/ui/SearchBar.kt @@ -14,6 +14,10 @@ import androidx.compose.foundation.layout.padding import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.text.KeyboardActions import androidx.compose.foundation.text.KeyboardOptions +import androidx.compose.material.icons.Icons +import androidx.compose.material.icons.outlined.Search +import androidx.compose.material3.Icon +import androidx.compose.material3.IconButton import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Text import androidx.compose.material3.TextField @@ -43,6 +47,11 @@ fun SearchBar( shape = RoundedCornerShape(topStart = 16.dp, topEnd = 16.dp), textStyle = MaterialTheme.typography.bodyLarge, placeholder = { Text(text = "Search") }, + trailingIcon = { + IconButton(onClick = { onSearch(value) }) { + Icon(imageVector = Icons.Outlined.Search, contentDescription = "Search") + } + }, keyboardActions = KeyboardActions(onSearch = { onSearch(value) }), keyboardOptions = KeyboardOptions(