UI: Divider

core/design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/Divider.kt

@@ -0,0 +1,79 @@
+package xyz.ksharma.krail.design.system.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.PreviewLightDark
+import androidx.compose.ui.unit.dp
+import xyz.ksharma.krail.design.system.LocalContentColor
+import xyz.ksharma.krail.design.system.theme.KrailTheme
+
+@Composable
+fun Divider(
+    modifier: Modifier = Modifier,
+    type: DividerType = DividerType.HORIZONTAL,
+    color: Color? = null,
+) {
+    CompositionLocalProvider(LocalContentColor provides KrailTheme.colors.onBackground.copy(alpha = 0.2f)) {
+        Box(
+            modifier = modifier
+                .then(
+                    when (type) {
+                        DividerType.HORIZONTAL -> Modifier
+                            .fillMaxWidth()
+                            .height(1.dp)
+
+                        DividerType.VERTICAL -> Modifier
+                            .fillMaxHeight()
+                            .width(1.dp)
+                    }
+                )
+                .background(color = color ?: LocalContentColor.current)
+        )
+    }
+}
+
+enum class DividerType {
+    HORIZONTAL,
+    VERTICAL
+}
+
+@PreviewLightDark
+@Composable
+private fun DividerPreview() {
+    KrailTheme {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(30.dp)
+                .background(KrailTheme.colors.background),
+            contentAlignment = Alignment.Center,
+        ) {
+            Divider()
+        }
+    }
+}
+
+@PreviewLightDark
+@Composable
+private fun DividerVerticalPreview() {
+    KrailTheme {
+        Box(
+            modifier = Modifier
+                .size(30.dp)
+                .background(KrailTheme.colors.background),
+            contentAlignment = Alignment.Center,
+        ) {
+            Divider(type = DividerType.VERTICAL)
+        }
+    }
+}

feature/trip-planner/state/src/main/kotlin/xyz/ksharma/krail/trip_planner/ui/state/searchstop/SearchStopUiEvent.kt

@@ -1,5 +1,14 @@
 package xyz.ksharma.krail.trip_planner.ui.state.searchstop
 
+import xyz.ksharma.krail.trip_planner.domain.model.TransportMode
+
 sealed interface SearchStopUiEvent {
+
     data class SearchTextChanged(val query: String) : SearchStopUiEvent
+
+    data class StopSelected(
+        val stopId: String,
+        val stopName: String,
+        val mode: List<TransportMode.TransportModeType>,
+    ) : SearchStopUiEvent
 }

feature/trip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip_planner/ui/searchstop/SearchStopScreen.kt

@@ -3,13 +3,10 @@ package xyz.ksharma.krail.trip_planner.ui.searchstop
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.systemBarsPadding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -32,6 +29,7 @@ import kotlinx.coroutines.flow.distinctUntilChanged
 import kotlinx.coroutines.flow.filter
 import kotlinx.coroutines.flow.mapLatest
 import timber.log.Timber
+import xyz.ksharma.krail.design.system.components.Divider
 import xyz.ksharma.krail.design.system.components.Text
 import xyz.ksharma.krail.design.system.components.TextField
 import xyz.ksharma.krail.design.system.components.TransportModeIcon
@@ -41,6 +39,9 @@ import xyz.ksharma.krail.trip_planner.domain.model.TransportMode
 import xyz.ksharma.krail.trip_planner.ui.state.searchstop.SearchStopState
 import xyz.ksharma.krail.trip_planner.ui.state.searchstop.SearchStopUiEvent
 
+/**
+ * TODO - implement scroll to top, when too many search results are displayed.
+ */
 @OptIn(ExperimentalFoundationApi::class)
 @Composable
 fun SearchStopScreen(
@@ -111,13 +112,7 @@ fun SearchStopScreen(
                             }
                         }
 
-                        // Divider Component
-                        Box(
-                            modifier = Modifier
-                                .fillMaxWidth()
-                                .height(1.dp)
-                                .background(color = KrailTheme.colors.onBackground.copy(alpha = 0.2f))
-                        )
+                        Divider()
                     }
                 }
             }

feature/trip-planner/ui/src/main/kotlin/xyz/ksharma/krail/trip_planner/ui/searchstop/SearchStopViewModel.kt

@@ -29,6 +29,7 @@ class SearchStopViewModel @Inject constructor(
     fun onEvent(event: SearchStopUiEvent) {
         when (event) {
             is SearchStopUiEvent.SearchTextChanged -> onSearchTextChanged(event.query)
+            is SearchStopUiEvent.StopSelected -> {}
         }
     }