mirror of
https://github.com/zaphar/kitchen.git
synced 2025-07-25 20:09:48 -04:00
49 lines
1.5 KiB
Rust
49 lines
1.5 KiB
Rust
|
// Copyright 2022 Jeremy Wall
|
||
|
|
//
|
||
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
// you may not use this file except in compliance with the License.
|
||
|
|
// You may obtain a copy of the License at
|
||
|
|
//
|
||
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
//
|
||
|
|
// Unless required by applicable law or agreed to in writing, software
|
||
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
// See the License for the specific language governing permissions and
|
||
|
|
// limitations under the License.
|
||
|
|
use crate::console_log;
|
||
|
|
use crate::service::AppService;
|
||
|
|
|
||
|
|
use sycamore::{context::use_context, prelude::*};
|
||
|
|
|
||
|
|
#[component(Start<G>)]
|
||
|
|
pub fn start() -> View<G> {
|
||
|
|
view! {
|
||
|
|
div { "hello chefs!" }
|
||
|
|
RecipeList()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Component to list available recipes.
|
||
|
|
#[component(RecipeList<G>)]
|
||
|
|
pub fn recipe_list() -> View<G> {
|
||
|
|
let app_service = use_context::<AppService>();
|
||
|
|
|
||
|
|
let titles = create_memo(cloned!(app_service => move || {
|
||
|
|
app_service.get_recipes().get().iter().map(|(i, r)| (*i, r.title.clone())).collect::<Vec<(usize, String)>>()
|
||
|
|
}));
|
||
|
|
view! {
|
||
|
|
ul(class="recipe_list") {
|
||
|
|
Keyed(KeyedProps{
|
||
|
|
iterable: titles,
|
||
|
|
template: |(i, title)| {
|
||
|
|
view! { li(on:click=move |_| {
|
||
|
|
console_log!("clicked item with index: {}", i)
|
||
|
|
}) { (title) } }
|
||
|
|
},
|
||
|
|
key: |(i, title)| (*i, title.clone()),
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|