feat: Added SearchField reusable component and used in HomeTopBar

app/src/main/java/hu/bbara/purefin/app/home/ui/HomeTopBar.kt

@@ -18,6 +18,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
 import hu.bbara.purefin.common.ui.components.PurefinIconButton
+import hu.bbara.purefin.common.ui.components.SearchField
 
 @Composable
 fun HomeTopBar(
@@ -40,16 +41,22 @@ fun HomeTopBar(
                 .padding(horizontal = 16.dp, vertical = 16.dp)
                 .fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically,
-            horizontalArrangement = Arrangement.SpaceBetween
+            horizontalArrangement = Arrangement.spacedBy(12.dp, Alignment.CenterHorizontally),
         ) {
-            Row(verticalAlignment = Alignment.CenterVertically) {
             PurefinIconButton(
                 icon = Icons.Outlined.Menu,
                 contentDescription = "Menu",
-                    onClick = onMenuClick
+                onClick = onMenuClick,
+            )
+            SearchField(
+                value = "",
+                onValueChange = {},
+                placeholder = "Search",
+                backgroundColor = scheme.surface,
+                textColor = scheme.onSurface,
+                cursorColor = scheme.secondary,
+                modifier = Modifier.weight(1.0f, true),
             )
-            }
-            Row(verticalAlignment = Alignment.CenterVertically) {
             PurefinIconButton(
                 icon = if (isOfflineMode) Icons.Outlined.CloudOff else Icons.Outlined.Cloud,
                 contentDescription = if (isOfflineMode) "Switch to Online" else "Switch to Offline",
@@ -57,5 +64,6 @@ fun HomeTopBar(
             )
         }
     }
-    }
 }
+
+

app/src/main/java/hu/bbara/purefin/common/ui/components/SearchField.kt

@@ -0,0 +1,48 @@
+package hu.bbara.purefin.common.ui.components
+
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.outlined.Search
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun SearchField(
+    value: String,
+    onValueChange: (String) -> Unit,
+    placeholder: String,
+    backgroundColor: Color,
+    textColor: Color,
+    cursorColor: Color,
+    modifier: Modifier = Modifier,
+) {
+    val scheme = MaterialTheme.colorScheme
+
+    TextField(
+        value = value,
+        onValueChange = onValueChange,
+        modifier = modifier
+            .fillMaxWidth()
+            .clip(RoundedCornerShape(24.dp)),
+        placeholder = { Text(placeholder, color = scheme.onSurfaceVariant) },
+        leadingIcon =
+            { Icon(imageVector = Icons.Outlined.Search, contentDescription = null, tint = scheme.onSurfaceVariant) },
+        colors = TextFieldDefaults.colors(
+            focusedContainerColor = backgroundColor,
+            unfocusedContainerColor = backgroundColor,
+            focusedIndicatorColor = Color.Transparent,
+            unfocusedIndicatorColor = Color.Transparent,
+            cursorColor = cursorColor,
+            focusedTextColor = textColor,
+            unfocusedTextColor = textColor,
+        ))
+}

app/src/main/java/hu/bbara/purefin/ui/theme/Color.kt

@@ -49,5 +49,5 @@ val DarkOnTertiaryContainer = Color(ColorUtils.HSLToColor(floatArrayOf(30f, 0.65
 
 val DarkBackground = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.18f, 0.08f)))
 val DarkOnBackground = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.10f, 0.92f)))
-val DarkSurface = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.18f, 0.08f)))
+val DarkSurface = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.18f, 0.14f)))
-val DarkOnSurface = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.10f, 0.92f)))
+val DarkOnSurface = Color(ColorUtils.HSLToColor(floatArrayOf(270f, 0.10f, 0.86f)))