context menu implementation testing

This commit is contained in:
2026-04-10 13:54:56 -04:00
parent ec0c6a3487
commit 4325280020
7 changed files with 101 additions and 142 deletions
+13 -16
View File
@@ -1,7 +1,5 @@
use dioxus::prelude::*;
use dioxus_primitives::context_menu::{
ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger,
};
use dioxus_primitives::context_menu::{ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger};
use tonic::{Response, Status};
use web_sys::window;
@@ -13,13 +11,15 @@ use crate::{
},
};
pub struct MediaClassChangeEvent {
pub struct MediaClassChangeEvent
{
pub index: usize,
pub class: String,
}
#[derive(PartialEq, Clone, Props)]
pub struct MediaItemProps {
pub struct MediaItemProps
{
pub item: MediaModel,
pub index: usize,
pub on_class_changed: Option<EventHandler<MediaClassChangeEvent>>,
@@ -27,14 +27,16 @@ pub struct MediaItemProps {
}
#[component]
pub fn MediaItem(props: MediaItemProps) -> Element {
pub fn MediaItem(props: MediaItemProps) -> Element
{
let item = props.item;
let mtype = item.media_type().as_str_name();
let filename = item.file_name;
let id = item.id.unwrap().value;
let thumb = item.thumb_url;
let class = item.class;
let mut class_signal = use_signal(|| match class {
let mut class_signal = use_signal(|| match class
{
1 => "blur",
2 => "secret",
_ => "",
@@ -42,13 +44,6 @@ pub fn MediaItem(props: MediaItemProps) -> Element {
let url = item.media_url;
let download = format!("{HOST}{url}");
// class_signal.set(match class
// {
// 1 => "blur",
// 2 => "secret",
// _ => "",
// });
return rsx! {
ContextMenu{
ContextMenuTrigger{
@@ -181,7 +176,8 @@ pub fn MediaItem(props: MediaItemProps) -> Element {
}
#[component]
pub fn MediaItemPlaceHolder() -> Element {
pub fn MediaItemPlaceHolder() -> Element
{
return rsx! {
div { class: "mediaItem placeholder",
img { },
@@ -196,7 +192,8 @@ pub fn MediaItemPlaceHolder() -> Element {
};
}
async fn set_class(id: String, class: i32) -> Result<Response<()>, Status> {
async fn set_class(id: String, class: i32) -> Result<Response<()>, Status>
{
let mut client = get_rpc_client();
return client
.set_media_class(SetMediaClassRequest {