feat: raising selected profile picture to home screen

Author: git-jr

core-navigation/src/main/java/com/codandotv/streamplayerapp/core_navigation/routes/BottomNavRoutes.kt

@@ -1,9 +1,16 @@
 package com.codandotv.streamplayerapp.core_navigation.routes
 
+import com.codandotv.streamplayerapp.core_navigation.routes.BottomNavRoutes.PARAM.PROFILE_ID
+
 object BottomNavRoutes {
     const val HOME = "bottomHome"
+    const val HOME_COMPLETE = "$HOME?$PROFILE_ID={$PROFILE_ID}"
     const val GAMES = "bottomGames"
     const val NEWS = "bottomNews"
     const val SCENES = "bottomScenes"
     const val DOWNLOADS = "bottomDownloads"
+
+    object PARAM {
+        const val PROFILE_ID = "userId"
+    }
 }

core-shared-ui/build.gradle.kts

@@ -10,4 +10,5 @@ dependencies {
     implementation(libs.bundles.kotlin)
     implementation(libs.bundles.androidSupport)
     testImplementation(libs.bundles.test)
+    implementation(libs.coil)
 }

core-shared-ui/src/main/java/com/codandotv/streamplayerapp/core_shared_ui/widget/StreamPlayerTopBar.kt

@@ -27,6 +27,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
 import com.codandotv.streamplayerapp.core.shared.ui.R
 import com.codandotv.streamplayerapp.core_shared_ui.resources.Colors
 import com.codandotv.streamplayerapp.core_shared_ui.theme.ThemePreview
@@ -36,18 +37,23 @@ import com.codandotv.streamplayerapp.core_shared_ui.theme.ThemePreviews
 @Composable
 fun StreamPlayerTopBar(
     scrollBehavior: TopAppBarScrollBehavior,
-    onNavigateProfilePicker: () -> Unit = {}
+    onNavigateProfilePicker: () -> Unit = {},
+    onSelectedProfilePicture: String
 ) {
     Box(modifier = Modifier.background(color = Colors.Dark10)) {
         StreamPlayerTopBar(
             onNavigateProfilePicker = { onNavigateProfilePicker() },
+            profilePicture = onSelectedProfilePicture
         )
         StreamPlayerOptionsTopBar(modifier = Modifier.padding(top = 50.dp), scrollBehavior)
     }
 }
 
 @Composable
-private fun StreamPlayerTopBar(onNavigateProfilePicker: () -> Unit = {}) {
+private fun StreamPlayerTopBar(
+    onNavigateProfilePicker: () -> Unit = {},
+    profilePicture: String
+) {
     Row(
         modifier = Modifier
             .height(50.dp)
@@ -82,13 +88,14 @@ private fun StreamPlayerTopBar(onNavigateProfilePicker: () -> Unit = {}) {
             modifier = Modifier.fillMaxHeight(),
             onClick = { onNavigateProfilePicker() }
         ) {
-            Icon(
+            AsyncImage(
                 modifier = Modifier
                     .height(24.dp)
                     .clip(RoundedCornerShape(4.dp)),
-                painter = painterResource(R.drawable.perfil_fake),
-                contentDescription = stringResource(id = R.string.icon_profile),
-                tint = Color.Unspecified,
+                model = profilePicture,
+                error = painterResource(id = R.drawable.perfil_fake),
+                placeholder = painterResource(id = R.drawable.perfil_fake),
+                contentDescription = stringResource(id = R.string.icon_profile)
             )
         }
     }
@@ -135,7 +142,9 @@ fun StreamPlayerTopBarPreview() {
         StreamPlayerTopBar(
             scrollBehavior = TopAppBarDefaults.exitUntilCollapsedScrollBehavior(
                 rememberTopAppBarState()
-            )
+            ),
+            onNavigateProfilePicker = {},
+            onSelectedProfilePicture = ""
         )
     }
 }

feature-list-streams/src/main/java/com/codandotv/streamplayerapp/feature_list_streams/list/presentation/navigation/ListStreamsNavigation.kt

@@ -6,15 +6,18 @@ import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.composable
 import com.codandotv.streamplayerapp.core_navigation.routes.BottomNavRoutes
+import com.codandotv.streamplayerapp.core_navigation.routes.BottomNavRoutes.PARAM.PROFILE_ID
 import com.codandotv.streamplayerapp.core_navigation.routes.Routes.DETAIL
 import com.codandotv.streamplayerapp.core_navigation.routes.Routes.PROFILE_PICKER
 import com.codandotv.streamplayerapp.feature_list_streams.list.di.ListStreamModule
 import com.codandotv.streamplayerapp.feature_list_streams.list.presentation.screens.ListStreamsScreen
 import org.koin.core.context.loadKoinModules
 import org.koin.core.context.unloadKoinModules
 
+internal const val DEFAULT_ID = ""
+
 fun NavGraphBuilder.listStreamsNavGraph(navController: NavHostController) {
-    composable(BottomNavRoutes.HOME) { nav ->
+    composable(BottomNavRoutes.HOME_COMPLETE) { nav ->
         BackHandler(true) {}
         if (nav.getLifecycle().currentState == Lifecycle.State.STARTED) {
             loadKoinModules(ListStreamModule.module)
@@ -28,6 +31,8 @@ fun NavGraphBuilder.listStreamsNavGraph(navController: NavHostController) {
             },
             disposable = {
                 unloadKoinModules(ListStreamModule.module)
-            })
+            },
+            profilePicture = nav.arguments?.getString(PROFILE_ID) ?: DEFAULT_ID
+        )
     }
 }

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

@@ -35,7 +35,8 @@ fun ListStreamsScreen(
     navController: NavController,
     onNavigateDetailList: (String) -> Unit = {},
     onNavigateProfilePicker: () -> Unit = {},
-    disposable: () -> Unit = {}
+    disposable: () -> Unit = {},
+    profilePicture: String
 ) {
     val uiState by viewModel.uiState.collectAsStateWithLifecycle()
     val lifecycleOwner = LocalLifecycleOwner.current
@@ -59,7 +60,8 @@ fun ListStreamsScreen(
         topBar = {
             StreamPlayerTopBar(
                 scrollBehavior = scrollBehavior,
-                onNavigateProfilePicker = onNavigateProfilePicker
+                onNavigateProfilePicker = onNavigateProfilePicker,
+                onSelectedProfilePicture = profilePicture
             )
         },
         bottomBar = {
@@ -103,5 +105,5 @@ fun ListStreamsScreen(
 @ThemePreviews
 @Composable
 fun ListStreamsScreenPreview() {
-    ListStreamsScreen(navController = rememberNavController())
+    ListStreamsScreen(navController = rememberNavController(), profilePicture = "")
 }

feature-list-streams/src/main/java/com/codandotv/streamplayerapp/feature_list_streams/profile/presentation/navigation/ProfilePickerStreamNavigation.kt

@@ -4,6 +4,8 @@ import androidx.lifecycle.Lifecycle
 import androidx.navigation.NavGraphBuilder
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.composable
+import com.codandotv.streamplayerapp.core_navigation.routes.BottomNavRoutes.PARAM.PROFILE_ID
+import com.codandotv.streamplayerapp.core_navigation.routes.BottomNavRoutes.HOME
 import com.codandotv.streamplayerapp.core_navigation.routes.Routes
 import com.codandotv.streamplayerapp.feature_list_streams.profile.di.ProfilePickerStreamModule
 import com.codandotv.streamplayerapp.feature_list_streams.profile.presentation.screens.ProfilePickerStreamScreen
@@ -16,7 +18,10 @@ fun NavGraphBuilder.profilePickerStreamNavGraph(navController: NavHostController
             loadKoinModules(ProfilePickerStreamModule.module)
         }
         ProfilePickerStreamScreen(
-            navController = navController
+            navController = navController,
+            onNavigateListStreams = { profilePic ->
+                navController.navigate("$HOME?$PROFILE_ID=$profilePic")
+            }
         ) {
             unloadKoinModules(ProfilePickerStreamModule.module)
         }

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

@@ -56,6 +56,7 @@ import org.koin.androidx.compose.koinViewModel
 fun ProfilePickerStreamScreen(
     viewModel: ProfilePickerStreamViewModel = koinViewModel(),
     navController: NavController,
+    onNavigateListStreams: (String) -> Unit = {},
     disposable: () -> Unit = {}
 ) {
     val uiState by viewModel.uiState.collectAsStateWithLifecycle()
@@ -76,6 +77,7 @@ fun ProfilePickerStreamScreen(
             onSetScreenSize = { width, height, widthPx, heightPx ->
                 viewModel.setScreenSize(width, height, widthPx, heightPx)
             },
+            onNavigateListStreams = onNavigateListStreams
         )
     }
 }
@@ -92,6 +94,7 @@ private fun SetupProfilePickerScreen(
     onSetHaltSizeImage: (Int) -> Unit = { },
     onSetHalfExpandedSizeImage: (Int) -> Unit = { },
     onClickSelectedProfile: (ProfileStream) -> Unit = {},
+    onNavigateListStreams: (String) -> Unit = {}
 ) {
     val profiles = uiState.profilesStream
 
@@ -105,7 +108,7 @@ private fun SetupProfilePickerScreen(
         animationSpec = tween(durationMillis = 1000),
         finishedListener = {
             onSetCenterImageAlpha(0f)
-            navController.navigateUp()
+            onNavigateListStreams(uiState.selectedItem.imageUrl)
         }
     )
 

gradle/libs.versions.toml

@@ -41,15 +41,13 @@ compose_pagging="1.0.0-alpha20"
 
 coil = "2.3.0"
 lottie = "5.2.0"
-palette = "1.0.0"
 
 [libraries]
 kotlin_gradle_plugin = { group = "org.jetbrains.kotlin", name = "kotlin-gradle-plugin", version.ref = "kotlin" }
 android_gradle_plugin = { group = "com.android.tools.build", name = "gradle", version.ref = "android_gradle_plugin" }
 
 #Coil
 coil = { group = "io.coil-kt", name = "coil-compose", version.ref = "coil" }
-palette = { group = "androidx.palette", name = "palette-ktx", version.ref = "palette" }
 
 #Lottie
 lottie = { group = "com.airbnb.android", name = "lottie-compose", version.ref = "lottie" }