TaskList.kt

/**
 * Public Composable to do not expose internal ViewModel to other modules.
 */
@Composable
fun TaskListSection(modifier: Modifier = Modifier) {
    TaskListLoader(modifier = modifier)
}

/**
 * Private Composable to connect the ViewModel and View.
 */
@Composable
private fun TaskListLoader(
    viewModel: TaskListViewModel = getViewModel(),
    modifier: Modifier = Modifier
) {
    viewModel.loadTasks()
    val viewState by viewModel.state.collectAsState()
    val taskList = viewState.items
    TaskListContent(
        taskList = taskList,
        modifier = modifier,
        onCheckedChanged = { item: TaskWithCategory ->
            viewModel.updateTaskStatus(item)
        }
    )
}

/**
 * Private "pure" Composable with only UI Components.
 */
@Composable
private fun TaskListContent(
    taskList: List<TaskWithCategory>,
    modifier: Modifier = Modifier,
    onCheckedChanged: (TaskWithCategory) -> Unit
) {
    Surface(modifier = modifier.fillMaxSize(), color = MaterialTheme.colors.background) {
        Column(modifier = Modifier.padding(start = 8.dp, end = 8.dp)) {
            LazyColumnFor(items = taskList) { task ->
                TaskItem(task = task, onItemClicked = { }, onCheckedChanged = onCheckedChanged)
            }
        }
    }
}