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

fix(url): fix url routing

Browse source
This commit is contained in:
ryan 2025-02-25 19:59:52 +03:00
parent f51d40a4d0
commit 7e288b3a82
2 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/app.rs
View file

@ -31,31 +31,31 @@ pub fn App() -> impl IntoView {
view! { view! {
<Router> <Router>
<Routes> <Routes>
<Route path="/:url?" view=move || { <Route path="/*url" view=move || {
let params = use_params_map(); let location = use_location();
let url = move || params.with(|params| params.get("url").cloned().unwrap_or_default()); let current_url = move || location.pathname.get();
// This effect will re-run when URL changes // Proper async handling
create_effect(move |_| { spawn_local({
let current_url = url(); let current_url = current_url.clone();
spawn_local(async move { async move {
// Load items for new URL match load_items_from_db(&current_url()).await {
match load_items_from_db(&current_url).await { Ok(items) => set_items.set(items),
Ok(loaded_items) => { Err(e) => log!("Error loading items: {}", e),
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>
} }
});
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
url=current_url()
items=items_signal
set_items=set_items />
</div>
}
}/> }/>
</Routes> </Routes>
</Router> </Router>

1
src/components/items_list.rs
View file

@ -66,6 +66,7 @@ pub async fn load_items_from_db(current_url: &str) -> Result<Vec<Item>, String>
#[component] #[component]
pub fn ItemsList( pub fn ItemsList(
url: String,
items: ReadSignal<Vec<Item>>, items: ReadSignal<Vec<Item>>,
set_items: WriteSignal<Vec<Item>>, set_items: WriteSignal<Vec<Item>>,
) -> impl IntoView { ) -> impl IntoView {