diff --git a/features/createroom/impl/src/main/kotlin/io/element/android/features/createroom/impl/root/CreateRoomRootView.kt b/features/createroom/impl/src/main/kotlin/io/element/android/features/createroom/impl/root/CreateRoomRootView.kt index 6d43dc8fff..44fc5ea104 100644 --- a/features/createroom/impl/src/main/kotlin/io/element/android/features/createroom/impl/root/CreateRoomRootView.kt +++ b/features/createroom/impl/src/main/kotlin/io/element/android/features/createroom/impl/root/CreateRoomRootView.kt @@ -48,10 +48,10 @@ import io.element.android.libraries.designsystem.components.button.BackButton import io.element.android.libraries.designsystem.preview.ElementPreviewDark import io.element.android.libraries.designsystem.preview.ElementPreviewLight import io.element.android.libraries.designsystem.theme.components.CenterAlignedTopAppBar -import io.element.android.libraries.designsystem.theme.components.DockedSearchBar import io.element.android.libraries.designsystem.theme.components.Icon import io.element.android.libraries.designsystem.theme.components.IconButton import io.element.android.libraries.designsystem.theme.components.Scaffold +import io.element.android.libraries.designsystem.theme.components.SearchBar import io.element.android.libraries.designsystem.theme.components.Text import io.element.android.libraries.matrix.ui.components.MatrixUserRow import io.element.android.libraries.matrix.ui.model.MatrixUser @@ -141,7 +141,7 @@ fun CreateRoomSearchBar( focusManager.clearFocus() } - DockedSearchBar( + SearchBar( query = query, onQueryChange = onTextChanged, onSearch = { focusManager.clearFocus() }, @@ -157,7 +157,9 @@ fun CreateRoomSearchBar( }, leadingIcon = if (active) { { BackButton(onClick = { onActiveChanged(false) }) } - } else null, + } else { + null + }, trailingIcon = when { active && query.isNotEmpty() -> { { @@ -177,7 +179,6 @@ fun CreateRoomSearchBar( } else -> null }, - shape = if (!active) SearchBarDefaults.dockedShape else SearchBarDefaults.fullScreenShape, colors = if (!active) SearchBarDefaults.colors() else SearchBarDefaults.colors(containerColor = Color.Transparent), content = { LazyColumn { diff --git a/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DockedSearchBar.kt b/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/SearchBar.kt similarity index 91% rename from libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DockedSearchBar.kt rename to libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/SearchBar.kt index 100ae259f8..aa767e21ce 100644 --- a/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DockedSearchBar.kt +++ b/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/SearchBar.kt @@ -20,6 +20,7 @@ package io.element.android.libraries.designsystem.theme.components import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.layout.ColumnScope +import androidx.compose.foundation.layout.WindowInsets import androidx.compose.material3.ExperimentalMaterial3Api import androidx.compose.material3.SearchBarColors import androidx.compose.material3.SearchBarDefaults @@ -34,7 +35,7 @@ import io.element.android.libraries.designsystem.preview.ElementPreviewLight @OptIn(ExperimentalMaterial3Api::class) @Composable -fun DockedSearchBar( +fun SearchBar( query: String, onQueryChange: (String) -> Unit, onSearch: (String) -> Unit, @@ -45,13 +46,14 @@ fun DockedSearchBar( placeholder: @Composable (() -> Unit)? = null, leadingIcon: @Composable (() -> Unit)? = null, trailingIcon: @Composable (() -> Unit)? = null, - shape: Shape = SearchBarDefaults.dockedShape, + shape: Shape = SearchBarDefaults.inputFieldShape, colors: SearchBarColors = SearchBarDefaults.colors(), tonalElevation: Dp = SearchBarDefaults.Elevation, + windowInsets: WindowInsets = SearchBarDefaults.windowInsets, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable ColumnScope.() -> Unit, ) { - androidx.compose.material3.DockedSearchBar( + androidx.compose.material3.SearchBar( query = query, onQueryChange = onQueryChange, onSearch = onSearch, @@ -65,6 +67,7 @@ fun DockedSearchBar( shape = shape, colors = colors, tonalElevation = tonalElevation, + windowInsets = windowInsets, interactionSource = interactionSource, content = content, ) @@ -80,7 +83,7 @@ internal fun DockedSearchBarDarkPreview() = ElementPreviewDark { ContentToPrevie @Composable private fun ContentToPreview() { - DockedSearchBar( + SearchBar( query = "Some text", onQueryChange = {}, onSearch = {},