UI: Add SeparatorIcon

ksharma-xyz · Oct 2, 2024 · 48bdc52 · 48bdc52
1 parent 786d281
commit 48bdc52
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 14 deletions.
diff --git a/core/design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/JourneyCard.kt b/core/design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/JourneyCard.kt
@@ -1,18 +1,11 @@
 package xyz.ksharma.krail.design.system.components
 
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.IntrinsicSize
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.RowScope
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import xyz.ksharma.krail.design.system.hexToComposeColor
@@ -42,6 +35,8 @@ fun JourneyCard(
     )
 }
 
+// region Previews
+
 @ComponentPreviews
 @Composable
 private fun JourneyCardTrainPreview() {
@@ -105,13 +100,7 @@ private fun JourneyCardMultipleModesPreview() {
                         modifier = Modifier.padding(horizontal = 8.dp),
                     )
 
-                    Box(
-                        modifier = Modifier
-                            .size(4.dp)
-                            .clip(CircleShape)
-                            .background(color = KrailTheme.colors.onSurface)
-                            .padding(end = 8.dp),
-                    )
+                    SeparatorIcon()
 
                     TransportModeIcon(
                         transportModeType = Bus,
@@ -128,3 +117,5 @@ private fun JourneyCardMultipleModesPreview() {
         )
     }
 }
+
+// endregion
diff --git a/...design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/SeparatorIcon.kt b/...design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/SeparatorIcon.kt
@@ -0,0 +1,38 @@
+package xyz.ksharma.krail.design.system.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+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
+import xyz.ksharma.krail.design.system.preview.ComponentPreviews
+import xyz.ksharma.krail.design.system.theme.KrailTheme
+import xyz.ksharma.krail.design.system.toAdaptiveSize
+
+@Composable
+fun SeparatorIcon(modifier: Modifier = Modifier, color: Color = KrailTheme.colors.onSurface) {
+    Box(
+        modifier = modifier
+            .size(4.dp.toAdaptiveSize())
+            .clip(CircleShape)
+            .background(color = color)
+            .padding(end = 8.dp),
+    )
+}
+
+// region Previews
+
+@ComponentPreviews
+@Composable
+private fun SeparatorIconPreview() {
+    KrailTheme {
+        SeparatorIcon()
+    }
+}
+
+// endregion