UI-Event through UiState

gistfile1.txt

@Composable
private fun MainScreen(viewModel: MainViewModel) {

    val context = LocalContext.current
    val uiState = viewModel.uiState.collectAsState()

    Box(modifier = Modifier.fillMaxSize()) {
        Text(
            modifier = Modifier
                .align(Alignment.TopCenter)
                .padding(top = 50.dp),
            text = uiState.value.time.toString(),
            fontSize = 50.sp
        )

        uiState.value.error?.let { errorString ->
            LaunchedEffect(uiState) {
                Toast.makeText(context, errorString, Toast.LENGTH_SHORT).show()
                viewModel.errorToastShown()
            }
        }

        Button(
            modifier = Modifier
                .align(Alignment.BottomCenter)
                .padding(bottom = 50.dp),
            onClick = { viewModel.makeApiCall() }) {
            Text(text = "Show Toast")
        }
    }
}