ryanmwangi/Compware
1
0
Fork 0
Code Issues Pull requests Releases Activity

feat(app): add router and dynamic item loading to app component

Browse source
This commit is contained in:
ryan 2025-02-17 17:04:43 +03:00
parent ecc991cc24
commit eba20abf5a
1 changed files with 32 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/app.rs
View file

@ -1,5 +1,7 @@
use leptos::*;
use leptos_meta::*;
use leptos_router::*;
use leptos::logging::log;
use crate::components::items_list::ItemsList;
use crate::models::item::Item;
use crate::nostr::NostrClient;
@ -26,13 +28,36 @@ pub fn App() -> impl IntoView {
}
}
});
view! {
<Stylesheet href="/assets/style.css" />
<Stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<div>
<h1>{ "CompareWare" }</h1>
<ItemsList items=items_signal set_items=set_items />
</div>
<Router>
<Routes>
<Route path="/:url?" view=move || {
let params = use_params_map();
let url = move || params.with(|params| params.get("url").cloned().unwrap_or_default());
// This effect will re-run when URL changes
create_effect(move |_| {
let current_url = url();
spawn_local(async move {
// Load items for new URL
match load_items_from_db(&current_url).await {
Ok(loaded_items) => {
set_items.set(loaded_items);
}
Err(err) => log!("Error loading items: {}", err),
}
});
});
view! {
<Stylesheet href="/assets/style.css" />
<Stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<div>
<h1>{ "CompareWare" }</h1>
<ItemsList items=items_signal set_items=set_items />
</div>
}
}/>
</Routes>
</Router>
}
}