LazyColumn( verticalArrangement = Arrangement.Top, horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier .fillMaxSize() .background(ScoutTheme.colors.primaryBackground) ) { item { Text( text = "Platforms", color = ScoutTheme.colors.textOnPrimaryBackground, style = MaterialTheme.typography.h4.copy( fontWeight = FontWeight.Bold ) ) } item { Text( text = "Select the platforms your own", color = ScoutTheme.colors.textOnPrimaryBackground, style = MaterialTheme.typography.body1 ) } item { when (viewState) { PreferenceSelectionViewState.Loading -> LoadingView() else -> LoadingView() // else -> PlatformListView( // result = viewState as PreferenceSelectionViewState.Result // ) { slug: String, isOwned: Boolean -> // viewModel.togglePlatform( // platformSlug = slug, // isOwned = isOwned // ) // } } } item { Spacer(modifier = Modifier.height(75.dp)) } } @Composable private fun LoadingView() { Column( verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier .fillMaxSize() .background(Color.Red) ) { CircularProgressIndicator(color = ScoutTheme.colors.progressIndicatorOnPrimaryBackground) } }