LCE view

LceScreen.kt

@Composable
fun LceScreen(onExit: @Composable () -> Unit) {
    val model: LceViewModel = viewModel()
    val state = model.state.collectAsState(LceUiState.Loading)

    BackHandler(onBack = { model.process(Back) })

    Scaffold(
        modifier = Modifier.fillMaxSize(),
        backgroundColor = MaterialTheme.colors.background,
        topBar = {
            TopAppBar(
                title = { Text(stringResource(R.string.title)) },
                navigationIcon = {
                    IconButton(onClick = { model.process(Back) }) {
                        Icon(
                            imageVector = Icons.Filled.ArrowBack,
                            contentDescription = "Back",
                            tint = Color.White
                        )
                    }
                }
            )
        }
    ) {
        when (val uiState = state.value) {
            LceUiState.Loading -> Loading()
            is LceUiState.ItemList -> ItemList(
                state = uiState,
                onItemClicked = { model.process(ItemClicked(it)) }
            )
            is LceUiState.Error -> LoadError(
                state = uiState,
                onRetry = { model.process(Retry) },
                onBack = { model.process(Back) },
                onExit = { model.process(Exit) }
            )
            is LceUiState.Item -> ItemDetails(state = uiState)
            LceUiState.Terminated -> onExit()
        }
    }
}