eta357/LibreTunes-Nix-Test
1
0
Fork 0
Code Pull Requests Actions Activity

Display error message when upload song fails

Browse Source
This commit is contained in:
Ethan Girouard 2024-05-18 16:36:37 -04:00
parent e7e7a8175e
commit 0adf294cfc
Signed by: eta357
GPG Key ID: 7BCDC36DFD11C146
2 changed files with 41 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/upload.rs
View File

@ -1,7 +1,9 @@
use std::rc::Rc;
use leptos::leptos_dom::*; use leptos::leptos_dom::*;
use leptos::*; use leptos::*;
use leptos_icons::*; use leptos_icons::*;
use leptos_router::Form; use leptos_router::Form;
use web_sys::Response;
use crate::search::search_artists; use crate::search::search_artists;
use crate::search::search_albums; use crate::search::search_albums;
use crate::models::Artist; use crate::models::Artist;
@ -32,6 +34,8 @@ pub fn Upload(open: RwSignal<bool>) -> impl IntoView {
let (albums, set_albums) = create_signal("".to_string()); let (albums, set_albums) = create_signal("".to_string());
let (filtered_albums, set_filtered_albums) = create_signal(vec![]); let (filtered_albums, set_filtered_albums) = create_signal(vec![]);
let (error_msg, set_error_msg) = create_signal::<Option<String>>(Some("Error uploading song".to_string()));
let close_dialog = move |ev: leptos::ev::MouseEvent| { let close_dialog = move |ev: leptos::ev::MouseEvent| {
ev.prevent_default(); ev.prevent_default();
open.set(false); open.set(false);
@ -81,6 +85,17 @@ pub fn Upload(open: RwSignal<bool>) -> impl IntoView {
} }
}) })
}; };
let handle_response = Rc::new(move |response: &Response| {
if response.ok() {
set_error_msg.update(|value| *value = None);
open.set(false);
} else {
// TODO: Extract error message from response
set_error_msg.update(|value| *value = Some("Error uploading song".to_string()));
}
});
view! { view! {
<Show when=open fallback=move || view! {}> <Show when=open fallback=move || view! {}>
<div class="upload-container" open=open> <div class="upload-container" open=open>
@ -88,7 +103,8 @@ pub fn Upload(open: RwSignal<bool>) -> impl IntoView {
<div class="upload-header"> <div class="upload-header">
<h1>Upload Song</h1> <h1>Upload Song</h1>
</div> </div>
<Form action="/api/upload" method="POST" enctype=String::from("multipart/form-data") class="upload-form"> <Form action="/api/upload" method="POST" enctype=String::from("multipart/form-data")
class="upload-form" on_response=handle_response.clone()>
<div class="input-bx"> <div class="input-bx">
<input type="text" name="title" required class="text-input" required/> <input type="text" name="title" required class="text-input" required/>
<span>Title</span> <span>Title</span>
@ -147,6 +163,15 @@ pub fn Upload(open: RwSignal<bool>) -> impl IntoView {
</div> </div>
<button type="submit" class="upload-button">Upload</button> <button type="submit" class="upload-button">Upload</button>
</Form> </Form>
<Show
when=move || {error_msg.get().is_some()}
fallback=move || view! {}
>
<div class="error-msg">
<Icon icon=icondata::IoAlertCircleSharp />
{error_msg.get().as_ref().unwrap()}
</div>
</Show>
</div> </div>
</Show> </Show>
} }

15
style/upload.scss
View File

@ -170,4 +170,19 @@
} }
} }
} }
.error-msg {
padding-top: 10px;
color: red;
display: flex;
justify-content: center;
align-items: center;
svg {
width: 20px;
height: 20px;
margin-right: 5px;
}
}
} }