plul/achievements
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

error component wip

Browse Source
This commit is contained in:
Asger Juul Brunshøj
2023-06-12 20:30:43 +02:00
parent d786e6fd20
commit 70d99b0c6b
8 changed files with 170 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
crates/frontend/src/components/milestone.rs
View File

@@ -1,4 +1,8 @@
use crate::services::confirm::ConfirmService;
use crate::services::rest::RestService;
use common::DeleteMilestone;
use common::Milestone;
use wasm_bindgen_futures::spawn_local;
use yew::prelude::*;
#[derive(Properties, Clone, PartialEq)]
@@ -9,6 +13,8 @@ pub struct Props {
#[function_component(MilestoneComponent)]
pub fn milestone_component(props: &Props) -> Html {
let confirm_service = use_memo(|_| ConfirmService, ());
let unfilled = props.milestone.goal - props.completed_achievements.min(props.milestone.goal);
let filled = props.completed_achievements.min(props.milestone.goal);
@@ -24,14 +30,32 @@ pub fn milestone_component(props: &Props) -> Html {
.take(filled)
.collect::<Html>();
let uuid = props.milestone.uuid;
let onclick_delete = Callback::from(move |_| {
if !confirm_service.confirm("Are you sure you want to delete?") {
return;
}
log::info!("Delete achievement confirmed.");
spawn_local(async move {
match RestService::delete_milestone(DeleteMilestone { uuid }).await {
Ok(_response) => {}
Err(_err) => {}
}
});
});
html! {
<div class="row">
<p style="text-align: center" class="u-full-width">
{format!("{} / {}", props.completed_achievements, props.milestone.goal)}
<br />
{filled_stars}
{unfilled_stars}
</p>
<div class="row flex">
<p style="text-align: center" class="flex-grow">
{format!("{} / {}", props.completed_achievements, props.milestone.goal)}
<br />
{filled_stars}
{unfilled_stars}
</p>
<div class="flex-intrinsic-size">
<button onclick={onclick_delete} class="button color-danger"><i class="fas fa-trash"/></button>
</div>
</div>
}
}