Movies App Navigation

MoviesAppNavigationView.kt

private const val MOVIE_LIST = "movieList"
private const val MOVIE_DETAIL = "movieDetail"
private const val MOVIE_ID = "movieId"

@Composable
fun MoviesAppNavigationView(
    moviesState: StateFlow<List<MovieUI>>
) {
    val movies = moviesState.collectAsStateWithLifecycle()

    val navController = rememberNavController()

    NavHost(navController = navController, startDestination = MOVIE_LIST) {
        composable(route = MOVIE_LIST) {
            MoviesListScreen(
                onMovieDetails = { navController.navigate("$MOVIE_DETAIL/$it") },
                movies = movies
            )
        }
        composable(
            route = "$MOVIE_DETAIL/{$MOVIE_ID}",
            arguments = listOf(navArgument("movieId") { type = NavType.IntType })
        ) { backStackEntry ->

            val selectedMovie =
                movies.value.firstOrNull {
                    it.movieId == backStackEntry.arguments?.getInt(MOVIE_ID)
                }

            MovieDetailsScreen(selectedMovie = selectedMovie)
        }
    }
}