I hava a question about compose state handling, in...

# compose

[Yusuf Ibragimov]

I hava a question about compose state handling, in my case i have code string in my uiState, if my code length is 6, i have to call check() which in the viewmodel, now i am listening my ui state in the LaunchEffect, what is reccomended way to do it, where should i listen my code string in viewmodel or in my screen?

[Yusuf Ibragimov]

@Composable
fun CreatePasscodeScreen(viewModel: CreatePasscodeVM = hiltViewModel()) {

    val uiState = viewModel.uiState.collectAsStateWithLifecycle()

    LaunchedEffect(uiState.value.enteredPasscode) {
        if (uiState.value.enteredPasscode.length == 4) {
            viewModel.check()
        }
    }

    Scaffold(
        modifier = Modifier.fillMaxSize(),
        snackbarHost = {
            if (uiState.value.errorMessage.isNotEmpty()) {
                Box(
                    modifier = Modifier
                        .padding(horizontal = 16.dp)
                        .clip(RoundedCornerShape(8.dp))
                        .fillMaxWidth()
                ) {
                    Text(
                        uiState.value.errorMessage,
                        style = DavrTheme.typography.h1Medium,
                        fontSize = 16.sp
                    )
                }
            }
        }
    ) {
        PasscodeContent(
            modifier = Modifier.padding(it),
            titleResId = uiState.value.titleResId,
            numberClick = viewModel::numberClick,
            fingerClick = viewModel::fingerClick,
            delete = viewModel::delete,
            forgotClick = viewModel::forgotClick,
            error = uiState.value.error,
            enteredPasscode = uiState.value.enteredPasscode
        )
    }
}

[Yusuf Ibragimov]

this is my way but some of my colleagues think that we should do that in viewmodel, if i do it, i may break UDF(unidirectional data flow) pattern