adam/leptos-use
1
0
Fork 0
mirror of https://github.com/adoyle0/leptos-use.git synced 2025-01-23 00:59:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

add a second counter to use_cookie example

Browse source
This commit is contained in:
Stephen Brian King 2024-03-22 23:35:59 -06:00
parent e2c84523f2
commit 705fbf97ac
1 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
examples/use_cookie/src/main.rs
View file

@ -6,22 +6,33 @@ use rand::prelude::*;
#[component]
fn Demo() -> impl IntoView {
let (counter, set_counter) = use_cookie::<u32, FromToStringCodec>("counter");
let (counter_a, set_counter_a) = use_cookie::<u32, FromToStringCodec>("counter_a");
let (counter_b, set_counter_b) = use_cookie::<u32, FromToStringCodec>("counter_b");
let reset = move || set_counter(Some(random()));
let reset_a = move || set_counter_a(Some(random()));
let reset_b = move || set_counter_b(Some(random()));
if counter().is_none() {
reset();
if counter_a().is_none() {
reset_a();
}
if counter_b().is_none() {
reset_b();
}
let increase = move || {
set_counter(counter().map(|c| c + 1));
let increase_a = move || {
set_counter_a(counter_a().map(|c| c + 1));
};
let increase_b = move || {
set_counter_b(counter_b().map(|c| c + 1));
};
view! {
<p>Counter: {move || counter().map(|c| c.to_string()).unwrap_or("—".to_string())}</p>
<button on:click=move |_| reset()>Reset</button>
<button on:click=move |_| increase()>+</button>
<p>Counter A: {move || counter_a().map(|c| c.to_string()).unwrap_or("—".to_string())}</p>
<button on:click=move |_| reset_a()>Reset</button>
<button on:click=move |_| increase_a()>+</button>
<p>Counter B: {move || counter_b().map(|c| c.to_string()).unwrap_or("—".to_string())}</p>
<button on:click=move |_| reset_b()>Reset</button>
<button on:click=move |_| increase_b()>+</button>
}
}