screen-template-8

screen-template-8

@Composable
fun ScreenTemplate(
    screenBackgroundColor: Color = MaterialTheme.colors.surface,
    screenState: ScreenState,
    loadedState: @Composable () -> Unit,
    screenToolbarViewState: ScreenToolbarViewState? = null,
    screenCallToActionViewState: ScreenCallToActionViewState? = null,
    onCallToActionClicked: () -> Unit = { },
) {
    Surface(
        modifier = Modifier.fillMaxSize(),
        color = screenBackgroundColor,
    ) {
        Box {
            Column {
                if (
                    screenToolbarViewState != null
                ) {
                    OurToolbar(screenToolbarViewState = screenToolbarViewState)
                }
                ScreenContent(
                    modifier = Modifier.fillMaxSize(),
                    screenState = screenState,
                    loadedState = loadedState,
                )
            }
            if (screenCallToActionViewState != null) {
                CallToAction(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(horizontal = 40.dp)
                        .padding(bottom = 40.dp)
                        .align(Alignment.BottomCenter),
                    screenCallToActionViewState = screenCallToActionViewState,
                    onClicked = onCallToActionClicked,
                )
            }
        }
    }
}

@Composable
private fun ScreenContent(
    modifier: Modifier = Modifier,
    screenState: ScreenState,
    loadedState: @Composable () -> Unit,
) {
    Box(modifier = modifier) {
        when (screenState) {
            is ScreenState.Loading ->
                Box(
                    modifier = Modifier.fillMaxSize(),
                    contentAlignment = Alignment.Center,
                ) {
                    OurLoadingIndicator()
                }
            is ScreenState.Error   ->
                Box(
                    modifier = Modifier.fillMaxSize(),
                    contentAlignment = Alignment.Center,
                ) {
                    OurErrorTemplate(screenErrorViewState = screenState.screenErrorViewState)
                }
            is ScreenState.Loaded  -> {
                Box(modifier = Modifier.fillMaxSize()) {
                    loadedState()
                }
            }
        }
    }
}