[ISSUE-25] - Loader component

Author: gabrielbmoro

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

@@ -15,6 +15,7 @@ class ListStreamUiModelImpl(
 ) : ListStreamUimodel {
     override fun convertToCardContent(listStream: List<ListStream>): ListStreamsUIState {
         return ListStreamsUIState(
+            isLoading = false,
             carousels = listStream.map {
                 CarouselData(
                     categoryName = it.categoryName,

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

@@ -23,20 +23,37 @@ class ListStreamViewModel(
 
     private val _uiState = mutableStateOf(
         ListStreamsUIState(
-            emptyList()
+            carousels = emptyList(),
+            isLoading = false
         )
     )
     val uiState : State<ListStreamsUIState> = _uiState
 
     init {
         viewModelScope.launch {
+            onLoading()
+
             useCase.getMovies()
                 .catchFailure {
                     println(">>>> ${it.errorMessage}")
                 }
                 .collect {
                     _uiState.value = uiModel.convertToCardContent(it)
                 }
+        }.invokeOnCompletion {
+            loaded()
         }
     }
+
+    private fun loaded() {
+        _uiState.value = _uiState.value.copy(
+            isLoading = false
+        )
+    }
+
+    private fun onLoading() {
+        _uiState.value = _uiState.value.copy(
+            isLoading = true
+        )
+    }
 }

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

@@ -2,14 +2,17 @@ package com.codandotv.streamplayerapp.feature_list_streams.presentation.screens
 
 import androidx.compose.foundation.ScrollState
 import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import com.codandotv.streamplayerapp.core_shared_ui.theme.ThemePreview
@@ -24,20 +27,34 @@ fun ListStreamsScreen(viewModel: ListStreamViewModel = koinViewModel()) {
         viewModel.uiState
     }
 
-    Column(
+    Box(
         modifier = Modifier
-            .background(MaterialTheme.colorScheme.background)
             .fillMaxSize()
-            .verticalScroll(ScrollState(0))
+            .background(MaterialTheme.colorScheme.background)
     ) {
-        uiState.value.carousels.forEach {
-            StreamsCarousel(
-                title = it.categoryName,
-                contentList = it.cards
+        if (uiState.value.isLoading) {
+            CircularProgressIndicator(
+                modifier = Modifier.align(
+                    Alignment.Center
+                )
             )
-        }
+        } else {
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .align(Alignment.TopCenter)
+                    .verticalScroll(ScrollState(0))
+            ) {
+                uiState.value.carousels.forEach {
+                    StreamsCarousel(
+                        title = it.categoryName,
+                        contentList = it.cards
+                    )
+                }
 
-        Spacer(modifier = Modifier.height(12.dp))
+                Spacer(modifier = Modifier.height(12.dp))
+            }
+        }
     }
 }
 

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

@@ -8,5 +8,6 @@ data class CarouselData(
 )
 
 data class ListStreamsUIState(
-    val carousels: List<CarouselData>
+    val carousels: List<CarouselData>,
+    val isLoading: Boolean
 )