RestaurantScreen.kt

@Composable
fun RestaurantScreen(
    modifier: Modifier = Modifier
){

    val vm: RestaurantsViewModel = viewModel()

    var myRestaurants = vm.restaurantsState


    Scaffold(
        topBar = {
            RestaurantSearchBar(
                modifier = Modifier
                    .fillMaxWidth(),
                hint = "Search a restaurant"
            ) {
                myRestaurants = restaurants.search(it)
            }
        },
        bottomBar = {
            RestaurantBottomAppBar(
                modifier = Modifier
                    .fillMaxWidth()
                    .height(50.dp)
            )
        },
        modifier = modifier.padding(10.dp)
    ) { pv->
        Box(
            modifier = Modifier.padding(pv)
        ) {
            LazyColumn(
                verticalArrangement = Arrangement.spacedBy(5.dp),
            ){
                items(myRestaurants){
                    RestaurantItem(
                        modifier = Modifier.fillMaxWidth(),
                        restaurantName = it.title,
                        restaurantDescription = it.description,
                        isFavourite = it.isFavourite,
                    ){
                        vm.toggleIsFavourite(it.id)
                    }
                }

            }
        }
    }
}