Mirrors/leptos
2
0
Fork 0
mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 06:44:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

add set_pending to <Transition/>

Browse source
This commit is contained in:
Greg Johnston 2024-06-10 21:14:30 -04:00
parent 619dc59e1d
commit 8a8862be9e
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
leptos/src/transition.rs
View file

@ -6,9 +6,11 @@ use crate::{
use leptos_macro::component;
use reactive_graph::{
computed::{suspense::SuspenseContext, ArcMemo},
effect::Effect,
owner::provide_context,
signal::ArcRwSignal,
traits::With,
traits::{Get, With},
wrappers::write::SignalSetter,
};
use slotmap::{DefaultKey, SlotMap};
use tachys::reactive_graph::OwnedView;
@ -16,7 +18,14 @@ use tachys::reactive_graph::OwnedView;
/// TODO docs!
#[component]
pub fn Transition<Chil>(
#[prop(optional, into)] fallback: ViewFnOnce,
/// Will be displayed while resources are pending. By default this is the empty view.
#[prop(optional, into)]
fallback: ViewFnOnce,
/// A function that will be called when the component transitions into or out of
/// the `pending` state, with its argument indicating whether it is pending (`true`)
/// or not pending (`false`).
#[prop(optional, into)]
set_pending: Option<SignalSetter<bool>>,
children: TypedChildren<Chil>,
) -> impl IntoView
where
@ -29,6 +38,14 @@ where
tasks: tasks.clone(),
});
let none_pending = ArcMemo::new(move |_| tasks.with(SlotMap::is_empty));
if let Some(set_pending) = set_pending {
Effect::new_isomorphic({
let none_pending = none_pending.clone();
move |_| {
set_pending.set(!none_pending.get());
}
});
}
OwnedView::new(SuspenseBoundary::<true, _, _> {
none_pending,