[ISSUE-33] - State to Stateflow - Details Screen

Author: gabrielbmoro

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

@@ -1,24 +1,30 @@
 package com.codandotv.streamplayerapp.feature_list_streams.detail.presentation.screens
 
-import androidx.compose.runtime.State
-import androidx.compose.runtime.mutableStateOf
 import androidx.lifecycle.DefaultLifecycleObserver
 import androidx.lifecycle.LifecycleOwner
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
 import com.codandotv.streamplayerapp.core_networking.handleError.catchFailure
 import com.codandotv.streamplayerapp.feature_list_streams.detail.domain.DetailStreamUseCase
 import com.codandotv.streamplayerapp.feature_list_streams.detail.presentation.screens.DetailStreamsUIState.*
-import kotlinx.coroutines.flow.onCompletion
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.SharingStarted
+import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.flow.onStart
+import kotlinx.coroutines.flow.stateIn
+import kotlinx.coroutines.flow.update
 import kotlinx.coroutines.launch
 
 class DetailStreamViewModel(
     private val useCase: DetailStreamUseCase,
 ) : ViewModel(), DefaultLifecycleObserver {
 
-    private val _uiState = mutableStateOf<DetailStreamsUIState>(LoadingStreamUIState)
-    val uiState: State<DetailStreamsUIState> = _uiState
+    private val _uiState = MutableStateFlow<DetailStreamsUIState>(LoadingStreamUIState)
+    val uiState : StateFlow<DetailStreamsUIState> = _uiState.stateIn(
+        viewModelScope,
+        SharingStarted.Eagerly,
+        initialValue = _uiState.value
+    )
 
     override fun onCreate(owner: LifecycleOwner) {
         super.onCreate(owner)
@@ -29,15 +35,17 @@ class DetailStreamViewModel(
                 .catchFailure {
                     println(">>>> ${it.errorMessage}")
                 }
-                .collect {
-                    _uiState.value = DetailStreamsLoadedUIState(
-                        detailStream = it
-                    )
+                .collect { detailStream ->
+                    _uiState.update {
+                        DetailStreamsLoadedUIState(
+                            detailStream = detailStream
+                        )
+                    }
                 }
         }
     }
 
     private fun onLoading() {
-        _uiState.value = LoadingStreamUIState
+        _uiState.update { LoadingStreamUIState }
     }
 }

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

@@ -7,7 +7,7 @@ import androidx.compose.material.icons.filled.*
 import androidx.compose.material3.*
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.remember
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -18,6 +18,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.em
 import androidx.compose.ui.unit.sp
 import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.navigation.NavController
 import com.codandotv.streamplayerapp.core_shared_ui.resources.Colors.DarkDeepGray
 import com.codandotv.streamplayerapp.feature_list_streams.R
@@ -31,17 +32,15 @@ fun DetailStreamScreen(
     navController: NavController,
     disposable: () -> Unit = {}
 ) {
-    val uiStateRemember = remember {
-        viewModel.uiState
-    }
+    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
 
     val lifecycleOwner = LocalLifecycleOwner.current
     Lifecycle(lifecycleOwner, viewModel, disposable)
 
     Box(modifier = Modifier.fillMaxSize()) {
-        when (val uiState = uiStateRemember.value) {
+        when (uiState) {
             is DetailStreamsLoadedUIState -> {
-                SetupDetailScreen(uiState, navController)
+                SetupDetailScreen(uiState as DetailStreamsLoadedUIState, navController)
             }
             else -> {
                 CircularProgressIndicator(