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

examples: update to Suspend::new()

Browse source
This commit is contained in:
Greg Johnston 2024-07-16 14:14:20 -04:00
parent efb699a319
commit 4107203da2
14 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/fetch/src/lib.rs
View file

@ -85,7 +85,7 @@ pub fn fetch_example() -> impl IntoView {
<Transition fallback=|| view! { <div>"Loading..."</div> } {..spreadable}>
<ErrorBoundary fallback>
<ul>
{move || Suspend(async move {
{move || Suspend::new(async move {
cats.await
.map(|cats| {
cats.iter()

2
examples/hackernews/src/routes/story.rs
View file

@ -20,7 +20,7 @@ pub fn Story() -> impl IntoView {
},
);
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend(async move {
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend::new(async move {
match story.await.clone() {
None => Either::Left("Story not found."),
Some(story) => {

2
examples/hackernews/src/routes/users.rs
View file

@ -19,7 +19,7 @@ pub fn User() -> impl IntoView {
view! {
<div class="user-view">
<Suspense fallback=|| view! { "Loading..." }>
{move || Suspend(async move { match user.await.clone() {
{move || Suspend::new(async move { match user.await.clone() {
None => Either::Left(view! { <h1>"User not found."</h1> }),
Some(user) => Either::Right(view! {
<div>

2
examples/hackernews_axum/src/routes/story.rs
View file

@ -20,7 +20,7 @@ pub fn Story() -> impl IntoView {
},
);
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend(async move {
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend::new(async move {
match story.await.clone() {
None => Either::Left("Story not found."),
Some(story) => {

2
examples/hackernews_axum/src/routes/users.rs
View file

@ -19,7 +19,7 @@ pub fn User() -> impl IntoView {
view! {
<div class="user-view">
<Suspense fallback=|| view! { "Loading..." }>
{move || Suspend(async move { match user.await.clone() {
{move || Suspend::new(async move { match user.await.clone() {
None => Either::Left(view! { <h1>"User not found."</h1> }),
Some(user) => Either::Right(view! {
<div>

2
examples/hackernews_islands_axum/src/routes/story.rs
View file

@ -26,7 +26,7 @@ pub fn Story() -> impl IntoView {
},
);
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend(async move {
Suspense(SuspenseProps::builder().fallback(|| "Loading...").children(ToChildren::to_children(move || Suspend::new(async move {
match story.await.ok().flatten() {
None => Either::Left("Story not found."),
Some(story) => {

2
examples/hackernews_islands_axum/src/routes/users.rs
View file

@ -26,7 +26,7 @@ pub fn User() -> impl IntoView {
view! {
<div class="user-view">
<Suspense fallback=|| view! { "Loading..." }>
{move || Suspend(async move { match user.await.ok().flatten() {
{move || Suspend::new(async move { match user.await.ok().flatten() {
None => Either::Left(view! { <h1>"User not found."</h1> }),
Some(user) => Either::Right(view! {
<div>

4
examples/router/src/lib.rs
View file

@ -96,7 +96,7 @@ pub fn ContactList() -> impl IntoView {
get_contacts(search.get())
});
let contacts = move || {
Suspend(async move {
Suspend::new(async move {
// this data doesn't change frequently so we can use .map().collect() instead of a keyed <For/>
contacts.await
.into_iter()
@ -155,7 +155,7 @@ pub fn Contact() -> impl IntoView {
});
let contact_display = move || {
Suspend(async move {
Suspend::new(async move {
match contact.await {
None => Either::Left(
view! { <p>"No contact with this ID was found."</p> },

4
examples/ssr_modes/src/app.rs
View file

@ -64,7 +64,7 @@ fn HomePage() -> impl IntoView {
view! {
<h1>"My Great Blog"</h1>
<Suspense fallback=move || view! { <p>"Loading posts..."</p> }>
<p>"number of posts: " {Suspend(async move { posts2.await })}</p>
<p>"number of posts: " {Suspend::new(async move { posts2.await })}</p>
</Suspense>
<Suspense fallback=move || view! { <p>"Loading posts..."</p> }>
<ul>
@ -105,7 +105,7 @@ fn Post() -> impl IntoView {
}
});
let post_view = Suspend(async move {
let post_view = Suspend::new(async move {
match post_resource.await.to_owned() {
Ok(Ok(post)) => Ok(view! {
<h1>{post.title.clone()}</h1>

6
examples/ssr_modes_axum/src/app.rs
View file

@ -131,7 +131,7 @@ fn HomePage() -> impl IntoView {
view! {
<h1>"My Great Blog"</h1>
<Suspense fallback=move || view! { <p>"Loading posts..."</p> }>
<p>"number of posts: " {Suspend(async move { posts2.await })}</p>
<p>"number of posts: " {Suspend::new(async move { posts2.await })}</p>
</Suspense>
<Suspense fallback=move || view! { <p>"Loading posts..."</p> }>
<ul>
@ -182,7 +182,7 @@ fn Post() -> impl IntoView {
}
});
let post_view = Suspend(async move {
let post_view = Suspend::new(async move {
match post_resource.await {
Ok(Ok(post)) => {
Ok(view! {
@ -199,7 +199,7 @@ fn Post() -> impl IntoView {
_ => Err(PostError::ServerError),
}
});
let comments_view = Suspend(async move {
let comments_view = Suspend::new(async move {
match comments_resource.await {
Ok(comments) => Ok(view! {
<h1>"Comments"</h1>

6
examples/suspense_tests/src/app.rs
View file

@ -181,7 +181,7 @@ fn NestedResourceInside() -> impl IntoView {
<Suspense fallback=|| {
"Loading 1..."
}>
{Suspend(async move {
{Suspend::new(async move {
_ = one_second.await;
let two_second = Resource::new(
|| (),
@ -192,7 +192,7 @@ fn NestedResourceInside() -> impl IntoView {
<Suspense fallback=|| "Loading 2...">
<span id="loaded-2">
"Loaded 2 (created inside first suspense)!: "
{Suspend(async move { format!("{:?}", two_second.await) })}
{Suspend::new(async move { format!("{:?}", two_second.await) })}
</span>
<button on:click=move |_| set_count.update(|n| *n += 1)>{count}</button>
</Suspense>
@ -322,7 +322,7 @@ fn LocalResource() -> impl IntoView {
one_second.get().map(|_| view! { <p id="loaded-1">"One Second: Loaded 1!"</p> })
}}
{move || {
Suspend(async move {
Suspend::new(async move {
let value = local.await;
view! { <p id="loaded-2">"One Second: Local Loaded " {value} "!"</p> }
})

2
examples/todo_app_sqlite/src/todo.rs
View file

@ -113,7 +113,7 @@ pub fn Todos() -> impl IntoView {
);
let existing_todos = move || {
Suspend(async move {
Suspend::new(async move {
todos
.await
.map(|todos| {

2
examples/todo_app_sqlite_axum/src/todo.rs
View file

@ -134,7 +134,7 @@ pub fn Todos() -> impl IntoView {
);
let existing_todos = move || {
Suspend(async move {
Suspend::new(async move {
todos
.await
.map(|todos| {

2
examples/todo_app_sqlite_csr/src/todo.rs
View file

@ -134,7 +134,7 @@ pub fn Todos() -> impl IntoView {
);
let existing_todos = move || {
Suspend(async move {
Suspend::new(async move {
todos
.await
.map(|todos| {