fixed create_playlist popup
This commit is contained in:
parent
d7a3d4abd3
commit
9c2cd94955
@ -4,7 +4,7 @@ use leptos::leptos_dom::*;
|
|||||||
use crate::api::playlists::create_playlist;
|
use crate::api::playlists::create_playlist;
|
||||||
|
|
||||||
#[component]
|
#[component]
|
||||||
pub fn CreatePlayList(opened: ReadSignal<bool>,closer: WriteSignal<bool>) -> impl IntoView {
|
pub fn CreatePlayList(closer: WriteSignal<bool>) -> impl IntoView {
|
||||||
|
|
||||||
let (playlist_name, set_playlist_name) = create_signal("".to_string());
|
let (playlist_name, set_playlist_name) = create_signal("".to_string());
|
||||||
|
|
||||||
@ -24,7 +24,7 @@ pub fn CreatePlayList(opened: ReadSignal<bool>,closer: WriteSignal<bool>) -> imp
|
|||||||
};
|
};
|
||||||
|
|
||||||
view! {
|
view! {
|
||||||
<div class="create-playlist-popup-container" style={move || if opened() {"display:flex"} else {"display:none"}}>
|
<div class="create-playlist-popup-container">
|
||||||
<div class="close-button" on:click=move |_| closer.update(|value| *value = false)>
|
<div class="close-button" on:click=move |_| closer.update(|value| *value = false)>
|
||||||
<Icon icon=icondata::IoCloseSharp />
|
<Icon icon=icondata::IoCloseSharp />
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +34,13 @@ pub fn Playlists() -> impl IntoView {
|
|||||||
New Playlist
|
New Playlist
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<CreatePlayList opened=create_playlist_open closer=set_create_playlist_open/>
|
<Show
|
||||||
|
when=move || create_playlist_open()
|
||||||
|
fallback=move || view! {<div></div>}
|
||||||
|
>
|
||||||
|
<CreatePlayList closer=set_create_playlist_open/>
|
||||||
|
</Show>
|
||||||
|
|
||||||
<ul class="playlists">
|
<ul class="playlists">
|
||||||
{
|
{
|
||||||
move || playlists.get().iter().enumerate().map(|(index,playlist)| view! {
|
move || playlists.get().iter().enumerate().map(|(index,playlist)| view! {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user