matous-volf/todo-baggins
matous-volf/todo-baggins
1
0
Fork 0
Code Issues 23 Pull Requests Actions Projects 1 Activity

feat: create a button to delete a project in the project form

Browse Source
This commit is contained in:
Matouš Volf 2024-09-08 08:22:12 +02:00
parent b869181dcf
commit d63fb0f28d
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/project_form.rs
View File

@ -1,10 +1,10 @@
use crate::models::project::{NewProject, Project}; use crate::models::project::{NewProject, Project};
use crate::server::projects::{create_project, edit_project}; use crate::query::{QueryErrors, QueryKey, QueryValue};
use crate::server::projects::{create_project, delete_project, edit_project};
use dioxus::core_macro::{component, rsx}; use dioxus::core_macro::{component, rsx};
use dioxus::dioxus_core::Element; use dioxus::dioxus_core::Element;
use dioxus::prelude::*; use dioxus::prelude::*;
use dioxus_query::prelude::use_query_client; use dioxus_query::prelude::use_query_client;
use crate::query::{QueryErrors, QueryKey, QueryValue};
#[component] #[component]
pub(crate) fn ProjectForm(project: Option<Project>, on_successful_submit: EventHandler<()>) pub(crate) fn ProjectForm(project: Option<Project>, on_successful_submit: EventHandler<()>)
@ -25,9 +25,7 @@ pub(crate) fn ProjectForm(project: Option<Project>, on_successful_submit: EventH
} else { } else {
let _ = create_project(new_project).await; let _ = create_project(new_project).await;
} }
query_client.invalidate_queries(&[ query_client.invalidate_queries(&[QueryKey::Projects]);
QueryKey::Projects
]);
on_successful_submit.call(()); on_successful_submit.call(());
} }
}, },
@ -44,14 +42,31 @@ pub(crate) fn ProjectForm(project: Option<Project>, on_successful_submit: EventH
input { input {
name: "title", name: "title",
required: true, required: true,
initial_value: project.map(|project| project.title().to_owned()), initial_value: project.as_ref().map(|project| project.title().to_owned()),
r#type: "text", r#type: "text",
class: "py-2 px-3 grow bg-zinc-800/50 rounded-lg", class: "py-2 px-3 grow bg-zinc-800/50 rounded-lg",
id: "input_title" id: "input_title"
} }
} }
div { div {
class: "flex flex-row justify-end mt-auto", class: "flex flex-row justify-between mt-auto",
button {
r#type: "button",
class: "py-2 px-4 bg-zinc-300/50 rounded-lg",
onclick: move |_| {
let project = project.clone();
async move {
if let Some(project) = project {
let _ = delete_project(project.id()).await;
query_client.invalidate_queries(&[QueryKey::Projects]);
}
on_successful_submit.call(());
}
},
i {
class: "fa-solid fa-trash-can"
}
}
button { button {
r#type: "submit", r#type: "submit",
class: "py-2 px-4 bg-zinc-300/50 rounded-lg", class: "py-2 px-4 bg-zinc-300/50 rounded-lg",