-
{move || error.0.get().unwrap_or_default()}
+
+
+ {move || error.0.get().unwrap_or_default()}
diff --git a/frontend/src/components/context_menu.rs b/frontend/src/components/context_menu.rs
index 19ea8eb..26217b6 100644
--- a/frontend/src/components/context_menu.rs
+++ b/frontend/src/components/context_menu.rs
@@ -1,97 +1,84 @@
use leptos::prelude::*;
-use leptos::html;
-use leptos_use::on_click_outside;
-
-fn handle_action(
- hash: String,
- action: &str,
- on_action: Callback<(String, String)>,
- on_close: Callback<()>,
-) {
- log::info!("ContextMenu: Action '{}' for hash '{}'", action, hash);
- on_action.run((action.to_string(), hash));
- on_close.run(());
-}
+use leptos::portal::Portal;
+use leptos_shadcn_context_menu::{
+ ContextMenu,
+ ContextMenuContent,
+ ContextMenuItem,
+ ContextMenuTrigger,
+ ContextMenuSeparator,
+};
#[component]
-pub fn ContextMenu(
- position: (i32, i32),
+pub fn TorrentContextMenu(
+ children: Children,
torrent_hash: String,
- on_close: Callback<()>,
on_action: Callback<(String, String)>,
) -> impl IntoView {
- let container_ref = NodeRef::
::new();
-
- let _ = on_click_outside(container_ref, move |_| on_close.run(()));
-
- let (x, y) = position;
-
- let hash1 = torrent_hash.clone();
- let hash2 = torrent_hash.clone();
- let hash3 = torrent_hash.clone();
- let hash4 = torrent_hash.clone();
- let hash5 = torrent_hash;
+ let hash = StoredValue::new(torrent_hash);
+ let on_action = StoredValue::new(on_action);
view! {
-
-
- -
-
-
- -
-
-
- -
-
-
-
- -
-
-
- -
-
-
-
-
-
+
-
+ // --- SIDEBAR (Desktop: Sabit, Mobil: Overlay) ---
+
+
+ // Mobil arka plan karartma (Overlay)
+
+
+
+
+ // --- MAIN CONTENT AREA ---
+
// --- TOOLBAR (TOP) ---
// --- MAIN CONTENT ---
-
+
{children()}
// --- STATUS BAR (BOTTOM) ---
-
- // --- SIDEBAR (DRAWER) ---
-
-
-
-
}
}
\ No newline at end of file
diff --git a/frontend/src/components/layout/sidebar.rs b/frontend/src/components/layout/sidebar.rs
index d6a0c3d..8f610c6 100644
--- a/frontend/src/components/layout/sidebar.rs
+++ b/frontend/src/components/layout/sidebar.rs
@@ -1,11 +1,10 @@
use leptos::prelude::*;
-use leptos::wasm_bindgen::JsCast;
use leptos::task::spawn_local;
-use crate::api;
#[component]
pub fn Sidebar() -> impl IntoView {
let store = use_context::
().expect("store not provided");
+ let is_mobile_menu_open = use_context::>().expect("mobile menu state not provided");
let total_count = move || store.torrents.with(|map| map.len());
let downloading_count = move || {
@@ -50,16 +49,9 @@ pub fn Sidebar() -> impl IntoView {
})
};
- let close_drawer = move || {
- // With Shadcn Sheet, this logic might change, but for now we keep DOM manipulation minimal or handled by parent
- if let Some(element) = document().get_element_by_id("mobile-sheet-trigger") {
- // Logic to close sheet if open (simulated click or state change)
- }
- };
-
let set_filter = move |f: crate::store::FilterStatus| {
store.filter.set(f);
- close_drawer();
+ is_mobile_menu_open.set(false);
};
let filter_class = move |f: crate::store::FilterStatus| {
@@ -73,7 +65,7 @@ pub fn Sidebar() -> impl IntoView {
let handle_logout = move |_| {
spawn_local(async move {
- if api::auth::logout().await.is_ok() {
+ if shared::server_fns::auth::logout().await.is_ok() {
let window = web_sys::window().expect("window should exist");
let _ = window.location().set_href("/login");
}
@@ -89,7 +81,7 @@ pub fn Sidebar() -> impl IntoView {
};
view! {
-
+
"VibeTorrent"
@@ -171,4 +163,4 @@ pub fn Sidebar() -> impl IntoView {
}
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/layout/toolbar.rs b/frontend/src/components/layout/toolbar.rs
index b9f0b76..50a643a 100644
--- a/frontend/src/components/layout/toolbar.rs
+++ b/frontend/src/components/layout/toolbar.rs
@@ -5,12 +5,16 @@ use crate::components::torrent::add_torrent::AddTorrentDialog;
pub fn Toolbar() -> impl IntoView {
let show_add_modal = signal(false);
let store = use_context::
().expect("store not provided");
+ let is_mobile_menu_open = use_context::>().expect("mobile menu state not provided");
view! {
- // Mobile Menu Trigger (Sheet Trigger in full impl)
-