refactor(ui): relocate SearchBar to shared SearchInput component

Move the currency-selection-local SearchBar into a shared, reusable
SearchInput in ui/components. The placeholder is now a parameter,
the shape is CircleShape, and the icon tint follows the theme.

Author: bmc08gt

apps/flipcash/shared/currency-selection/ui/src/main/kotlin/com/flipcash/app/currency/internal/RegionSelectionModalContent.kt

@@ -10,11 +10,13 @@ import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.flipcash.app.currency.internal.components.RegionList
-import com.flipcash.app.currency.internal.components.SearchBar
+import com.flipcash.features.currency.R
 import com.getcode.navigation.core.LocalCodeNavigator
 import com.getcode.theme.CodeTheme
+import com.getcode.ui.components.SearchInput
 import com.getcode.ui.core.rememberAnimationScale
 import com.getcode.ui.core.scaled
 import com.getcode.ui.utils.rememberKeyboardController
@@ -51,10 +53,11 @@ internal fun RegionSelectionModalContent(viewModel: CurrencyViewModel) {
             snapshotFlow { state.searchState.text }
                 .launchIn(this)
         }
-        SearchBar(
+        SearchInput(
             modifier = Modifier.padding(top = CodeTheme.dimens.grid.x3),
             state = state.searchState,
             contentPadding = PaddingValues(start = CodeTheme.dimens.grid.x1),
+            placeholder = stringResource(R.string.subtitle_searchRegions)
         )
 
         RegionList(

…urrency/internal/components/SearchBar.kt …com/getcode/ui/components/SearchInput.ktapps/flipcash/shared/currency-selection/ui/src/main/kotlin/com/flipcash/app/currency/internal/components/SearchBar.kt renamed to ui/components/src/main/kotlin/com/getcode/ui/components/SearchInput.kt apps/flipcash/shared/currency-selection/ui/src/main/kotlin/com/flipcash/app/currency/internal/components/SearchBar.kt renamed to ui/components/src/main/kotlin/com/getcode/ui/components/SearchInput.kt

@@ -1,7 +1,8 @@
-package com.flipcash.app.currency.internal.components
+package com.getcode.ui.components
 
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.text.input.TextFieldState
 import androidx.compose.foundation.text.input.clearText
 import androidx.compose.material.Icon
@@ -12,16 +13,15 @@ import androidx.compose.material.icons.outlined.Close
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
-import com.flipcash.features.currency.R
 import com.getcode.theme.CodeTheme
 import com.getcode.theme.White50
-import com.getcode.ui.components.TextInput
 
 @Composable
-internal fun SearchBar(
+fun SearchInput(
     state: TextFieldState,
     modifier: Modifier = Modifier,
     contentPadding: PaddingValues = PaddingValues(),
+    placeholder: String = stringResource(R.string.action_search),
 ) {
     TextInput(
         modifier = modifier
@@ -30,13 +30,13 @@ internal fun SearchBar(
         contentPadding = contentPadding,
         leadingIcon = {
             Icon(
-                modifier = Modifier.padding(start = CodeTheme.dimens.grid.x1),
+                modifier = Modifier.padding(start = CodeTheme.dimens.grid.x3),
                 imageVector = Icons.Filled.Search,
                 contentDescription = null,
-                tint = White50,
+                tint = CodeTheme.colors.textMain,
             )
         },
-        placeholder = stringResource(id = R.string.subtitle_searchRegions),
+        placeholder = placeholder,
         placeholderStyle = CodeTheme.typography.textMedium,
         trailingIcon = {
             if (state.text.isNotEmpty()) {
@@ -55,6 +55,6 @@ internal fun SearchBar(
         },
         maxLines = 1,
         style = CodeTheme.typography.textMedium,
-        shape = CodeTheme.shapes.small
+        shape = CircleShape,
     )
 }