mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-22 14:09:21 -05:00
feat: change the any_view prop of dispatch_toast to children (#267)
This commit is contained in:
parent
687350102a
commit
c87b989c3c
6 changed files with 35 additions and 29 deletions
|
@ -5,13 +5,13 @@ let toaster = ToasterInjection::expect_context();
|
|||
|
||||
let on_select = move |key: String| {
|
||||
leptos::logging::warn!("{}", key);
|
||||
toaster.dispatch_toast(view! {
|
||||
toaster.dispatch_toast(move || view! {
|
||||
<Toast>
|
||||
<ToastBody>
|
||||
"key"
|
||||
</ToastBody>
|
||||
</Toast>
|
||||
}.into_any(), Default::default());
|
||||
}, Default::default());
|
||||
};
|
||||
|
||||
view! {
|
||||
|
|
|
@ -38,14 +38,14 @@ view! {
|
|||
let toaster = ToasterInjection::expect_context();
|
||||
|
||||
let on_dismiss = move |_| {
|
||||
toaster.dispatch_toast(view! {
|
||||
toaster.dispatch_toast(move || view! {
|
||||
<Toast>
|
||||
<ToastTitle>"Tag"</ToastTitle>
|
||||
<ToastBody>
|
||||
"Tag dismiss"
|
||||
</ToastBody>
|
||||
</Toast>
|
||||
}.into_any(), Default::default());
|
||||
}, Default::default());
|
||||
};
|
||||
|
||||
view! {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
let toaster = ToasterInjection::expect_context();
|
||||
|
||||
let on_click = move |_| {
|
||||
toaster.dispatch_toast(view! {
|
||||
toaster.dispatch_toast(move || view! {
|
||||
<Toast>
|
||||
<ToastTitle>"Email sent"</ToastTitle>
|
||||
<ToastBody>
|
||||
|
@ -19,7 +19,7 @@ let on_click = move |_| {
|
|||
// <Link>Action</Link>
|
||||
</ToastFooter>
|
||||
</Toast>
|
||||
}.into_any(), Default::default());
|
||||
}, Default::default());
|
||||
};
|
||||
|
||||
view! {
|
||||
|
@ -33,7 +33,7 @@ view! {
|
|||
let toaster = ToasterInjection::expect_context();
|
||||
|
||||
fn dispatch_toast(toaster: ToasterInjection, position: ToastPosition) {
|
||||
toaster.dispatch_toast(view! {
|
||||
toaster.dispatch_toast(move || view! {
|
||||
<Toast>
|
||||
<ToastTitle>"Email sent"</ToastTitle>
|
||||
<ToastBody>
|
||||
|
@ -48,7 +48,7 @@ fn dispatch_toast(toaster: ToasterInjection, position: ToastPosition) {
|
|||
// <Link>Action</Link>
|
||||
</ToastFooter>
|
||||
</Toast>
|
||||
}.into_any(), ToastOptions::default().with_position(position));
|
||||
}, ToastOptions::default().with_position(position));
|
||||
};
|
||||
|
||||
view! {
|
||||
|
|
|
@ -13,12 +13,11 @@ pub use toaster_provider::*;
|
|||
|
||||
use leptos::prelude::*;
|
||||
use std::sync::mpsc::{channel, Receiver, Sender, TryIter};
|
||||
use tachys::view::any_view::AnyView;
|
||||
use wasm_bindgen::UnwrapThrowExt;
|
||||
|
||||
#[derive(Clone, Copy)]
|
||||
pub struct ToasterInjection {
|
||||
sender: StoredValue<Sender<(AnyView<Dom>, ToastOptions)>>,
|
||||
sender: StoredValue<Sender<(Children, ToastOptions)>>,
|
||||
trigger: StoredValue<ArcTrigger>,
|
||||
}
|
||||
|
||||
|
@ -28,7 +27,7 @@ impl ToasterInjection {
|
|||
}
|
||||
|
||||
pub fn channel() -> (Self, ToasterReceiver) {
|
||||
let (sender, receiver) = channel::<(AnyView<Dom>, ToastOptions)>();
|
||||
let (sender, receiver) = channel::<(Children, ToastOptions)>();
|
||||
let trigger = ArcTrigger::new();
|
||||
|
||||
(
|
||||
|
@ -40,24 +39,31 @@ impl ToasterInjection {
|
|||
)
|
||||
}
|
||||
|
||||
pub fn dispatch_toast(&self, any_view: AnyView<Dom>, options: ToastOptions) {
|
||||
self.sender
|
||||
.with_value(|sender| sender.send((any_view, options)).unwrap_throw());
|
||||
pub fn dispatch_toast<C, IV>(&self, children: C, options: ToastOptions)
|
||||
where
|
||||
C: FnOnce() -> IV + Send + 'static,
|
||||
IV: IntoView + 'static,
|
||||
{
|
||||
self.sender.with_value(|sender| {
|
||||
sender
|
||||
.send((Box::new(move || children().into_any()), options))
|
||||
.unwrap_throw()
|
||||
});
|
||||
self.trigger.with_value(|trigger| trigger.notify());
|
||||
}
|
||||
}
|
||||
|
||||
pub struct ToasterReceiver {
|
||||
receiver: Receiver<(AnyView<Dom>, ToastOptions)>,
|
||||
receiver: Receiver<(Children, ToastOptions)>,
|
||||
trigger: ArcTrigger,
|
||||
}
|
||||
|
||||
impl ToasterReceiver {
|
||||
pub fn new(receiver: Receiver<(AnyView<Dom>, ToastOptions)>, trigger: ArcTrigger) -> Self {
|
||||
pub fn new(receiver: Receiver<(Children, ToastOptions)>, trigger: ArcTrigger) -> Self {
|
||||
Self { receiver, trigger }
|
||||
}
|
||||
|
||||
pub fn try_recv(&self) -> TryIter<'_, (AnyView<Dom>, ToastOptions)> {
|
||||
pub fn try_recv(&self) -> TryIter<'_, (Children, ToastOptions)> {
|
||||
self.trigger.track();
|
||||
self.receiver.try_iter()
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
use super::{ToastOptions, ToastPosition, ToasterReceiver};
|
||||
use crate::ConfigInjection;
|
||||
use leptos::{either::Either, html, prelude::*, tachys::view::any_view::AnyView};
|
||||
use leptos::{either::Either, html, prelude::*};
|
||||
use send_wrapper::SendWrapper;
|
||||
use std::{collections::HashMap, time::Duration};
|
||||
use thaw_components::{CSSTransition, Teleport};
|
||||
|
@ -21,7 +21,7 @@ pub fn Toaster(
|
|||
let bottom_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
|
||||
let bottom_start_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
|
||||
let bottom_end_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
|
||||
let toasts = StoredValue::<HashMap<uuid::Uuid, (SendWrapper<AnyView<Dom>>, ToastOptions)>>::new(
|
||||
let toasts = StoredValue::<HashMap<uuid::Uuid, (SendWrapper<Children>, ToastOptions)>>::new(
|
||||
Default::default(),
|
||||
);
|
||||
|
||||
|
@ -77,7 +77,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -91,7 +91,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -105,7 +105,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -119,7 +119,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -133,7 +133,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -147,7 +147,7 @@ pub fn Toaster(
|
|||
.flatten()
|
||||
{
|
||||
Either::Left(
|
||||
view! { <ToasterContainer on_close view=view.take() options /> },
|
||||
view! { <ToasterContainer on_close children=view.take() options /> },
|
||||
)
|
||||
} else {
|
||||
Either::Right(())
|
||||
|
@ -161,9 +161,9 @@ pub fn Toaster(
|
|||
|
||||
#[component]
|
||||
fn ToasterContainer(
|
||||
view: AnyView<Dom>,
|
||||
options: ToastOptions,
|
||||
#[prop(into)] on_close: StoredValue<ArcTwoCallback<uuid::Uuid, ToastPosition>>,
|
||||
children: Children,
|
||||
) -> impl IntoView {
|
||||
let container_ref = NodeRef::<html::Div>::new();
|
||||
let is_show = RwSignal::new(true);
|
||||
|
@ -210,7 +210,7 @@ fn ToasterContainer(
|
|||
let:_
|
||||
>
|
||||
<div class="thaw-toaster-container" node_ref=container_ref>
|
||||
{view}
|
||||
{children()}
|
||||
</div>
|
||||
</CSSTransition>
|
||||
}
|
||||
|
|
|
@ -28,13 +28,13 @@ let toaster = ToasterInjection::expect_context();
|
|||
|
||||
let custom_request = move |file_list: FileList| {
|
||||
let len = file_list.length();
|
||||
toaster.dispatch_toast(view! {
|
||||
toaster.dispatch_toast(move || view! {
|
||||
<Toast>
|
||||
<ToastBody>
|
||||
{format!("Number of uploaded files: {len}")}
|
||||
</ToastBody>
|
||||
</Toast>
|
||||
}.into_any(), Default::default());
|
||||
}, Default::default());
|
||||
};
|
||||
|
||||
view! {
|
||||
|
|
Loading…
Add table
Reference in a new issue