florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor Title And Loading

Browse source
This commit is contained in:
Florian RICHER 2023-12-09 16:49:05 +01:00
parent 8845db8993
commit f8c9888d80
10 changed files with 76 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/app/pages/posts.rs
View file

@ -1,6 +1,11 @@
use leptos::*;
use leptos_router::*;
use crate::app::models::Post;
use crate::app::{
models::Post,
components::{
Title, Loading
}
};
#[server]
pub async fn get_posts() -> Result<Vec<Post>, ServerFnError> {
@ -46,13 +51,13 @@ pub fn PostList() -> impl IntoView {
};
view! {
<main class="posts">
<h1>Blog</h1>
<Suspense fallback=move || view! { <Loading title="Chargement des posts...".to_string() /> }>
<main class="posts">
<Title href="/".to_string() title="Posts".to_string()/>
<Suspense fallback=move || view! { <p>"Chargement des posts..."</p> }>
<div class="posts__cards">{posts_view}</div>
</Suspense>
</main>
</main>
</Suspense>
}
}
@ -66,16 +71,20 @@ pub fn PostElement() -> impl IntoView {
let post_view = move || {
post.and_then(|post| {
view! {
<div inner_html={post.content.clone()}></div>
<>
<Title href="/posts".to_string() title=post.metadata.title.clone()/>
<div inner_html={post.content.clone()}></div>
</>
}
})
};
view! {
<main class="post">
<Suspense fallback=move || view! { <p>"Chargement des posts..."</p> }>
<div>{post_view}</div>
</Suspense>
</main>
<Suspense fallback=move || view! { <Loading title="Chargement des posts...".to_string() /> }>
<main class="post">
{post_view}
<script>load();</script>
</main>
</Suspense>
}
}