Merge pull request #28 from CodandoTV/feature/composeBase

[Issue-27] - Compose basics

Author: carlosvaccari

app/build.gradle.kts

@@ -1,3 +1,4 @@
+@file:Suppress("UnstableApiUsage")
 android {
     namespace = "${Config.packageName}app"
 

app/src/main/java/com/codandotv/streamplayerapp/MainActivity.kt

@@ -13,4 +13,4 @@ class MainActivity : ComponentActivity() {
             SplashScreen()
         }
     }
-}
+}

core-shared-ui/build.gradle.kts

@@ -13,6 +13,8 @@ android {
 }
 
 dependencies {
+    implementation(platform(Dependencies.Compose.composeBomVersion))
+    Dependencies.Compose.list.forEach { implementation(it) }
     Dependencies.Kotlin.list.forEach { implementation(it) }
     Dependencies.Support.list.forEach { implementation(it) }
     Dependencies.UnitTest.list.forEach { testImplementation(it) }

core-shared-ui/src/main/java/com/codandotv/streamplayerapp/core_shared_ui/resources/Colors.kt

@@ -0,0 +1,17 @@
+package com.codandotv.streamplayerapp.core_shared_ui.resources
+
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.ui.graphics.Color
+
+object Colors {
+
+    val LightColors =  lightColorScheme(
+        primary = Color(0xFF000000),
+    )
+
+    val DarkColors = darkColorScheme(
+        primary = Color(0xFF000000),
+    )
+
+}

core-shared-ui/src/main/java/com/codandotv/streamplayerapp/core_shared_ui/theme/ComposePreview.kt

@@ -0,0 +1,27 @@
+package com.codandotv.streamplayerapp.core_shared_ui.theme
+
+import android.content.res.Configuration
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+
+@Preview(
+    name = "dark mode",
+    group = "themes",
+    uiMode = Configuration.UI_MODE_NIGHT_YES
+)
+@Preview(
+    name = "light mode",
+    group = "themes",
+    uiMode = Configuration.UI_MODE_NIGHT_NO
+)
+annotation class ThemePreviews
+
+@Composable
+fun ThemePreview(
+    content: @Composable () -> Unit
+) {
+    StreamPlayerTheme {
+        Surface { content() }
+    }
+}

core-shared-ui/src/main/java/com/codandotv/streamplayerapp/core_shared_ui/theme/StreamPlayerTheme.kt

@@ -0,0 +1,28 @@
+package com.codandotv.streamplayerapp.core_shared_ui.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import com.codandotv.streamplayerapp.core_shared_ui.resources.Colors
+
+@Composable
+fun StreamPlayerTheme(
+    isDarkTheme: Boolean = isSystemInDarkTheme(),
+    content: @Composable () -> Unit
+) {
+
+    MaterialTheme(
+        colorScheme = getColorScheme(isDarkTheme),
+        content = content
+    )
+}
+
+private fun getColorScheme(isDarkTheme: Boolean) =
+    if (isDarkTheme) {
+        Colors.LightColors
+    } else {
+        Colors.DarkColors
+    }
+
+
+

core-shared-ui/src/main/res/values-night/themes.xml

@@ -13,4 +13,4 @@
         <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
     </style>
-</resources>
+</resources>

feature-list-streams/build.gradle.kts

@@ -12,6 +12,7 @@ android {
 
     dependencies {
         implementation(project(Dependencies.Module.core_networking))
+        implementation(project(Dependencies.Module.core_shared_ui))
         implementation(Dependencies.Koin.koin)
         Dependencies.Retrofit.list.forEach { implementation(it) }
         Dependencies.Kotlin.list.forEach { implementation(it) }

feature-list-streams/src/main/java/com/codandotv/streamplayerapp/feature_list_streams/presentation/screens/ListStreamsScreen.kt

@@ -2,21 +2,16 @@ package com.codandotv.streamplayerapp.feature_list_streams.presentation.screens
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 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.size
-import androidx.compose.foundation.lazy.LazyRow
-import androidx.compose.material3.Text
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import com.codandotv.streamplayerapp.feature_list_streams.presentation.widgets.StreamsCard
+import com.codandotv.streamplayerapp.core_shared_ui.theme.ThemePreview
+import com.codandotv.streamplayerapp.core_shared_ui.theme.ThemePreviews
 import com.codandotv.streamplayerapp.feature_list_streams.presentation.widgets.StreamsCardContent
 import com.codandotv.streamplayerapp.feature_list_streams.presentation.widgets.StreamsCarousel
 
@@ -69,7 +64,7 @@ val streamsCategoryY = listOf(
 fun ListStreamsScreen() {
     Column(
         modifier = Modifier
-            .background(Color.Black)
+            .background(MaterialTheme.colorScheme.primary)
             .fillMaxSize()
     ) {
         StreamsCarousel(
@@ -89,7 +84,9 @@ fun ListStreamsScreen() {
 }
 
 @Composable
-@Preview
+@ThemePreviews
 fun ListStreamsScreenPreview() {
-    ListStreamsScreen()
+    ThemePreview {
+        ListStreamsScreen()
+    }
 }