detail.kt

@ExperimentalAnimationApi
@ExperimentalFoundationApi
@Composable
fun DetailScreen(
    houseType: HouseType,
    viewModel: DetailViewModel = viewModel()
) {
    val isLoadingState by getLifecycleAwareState(
        flow = viewModel.isLoadingFlow,
        initialValue = false,
    )
    val selectedCharacter by getLifecycleAwareState(
        flow = viewModel.selectedCharacter,
        initialValue = null
    )

    ... // parent compose
    if (isLoadingState) {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            LoopLottieAnimation(rawId = R.raw.wingardium_leviosa)
        }
    } else {
        CharacterList(
            characterFlow = viewModel.characterListFlow,
            modifier = Modifier.fillMaxSize(),
            onClickItem = { viewModel.showCharacterDialogEvent(it) }
        )
    }
    ...

    selectedCharacter?.let {
        CharacterDialog(
            character = it,
            houseType = houseType
        ) {
            viewModel.hideCharacterDialogEvent()
        }
    }
}