diff options
Diffstat (limited to 'src/components/roster_list.rs')
-rw-r--r-- | src/components/roster_list.rs | 29 |
1 files changed, 20 insertions, 9 deletions
diff --git a/src/components/roster_list.rs b/src/components/roster_list.rs index 310b703..50c7989 100644 --- a/src/components/roster_list.rs +++ b/src/components/roster_list.rs @@ -6,14 +6,20 @@ use leptos::prelude::*; use reactive_stores::Store; use roster_list_item::RosterListItem; -use crate::{components::icon::IconComponent, icon::Icon, open_chats::{OpenChatsPanel, OpenChatsPanelStoreFields}, roster::{Roster, RosterStoreFields}}; +use crate::{ + components::icon::IconComponent, + icon::Icon, + open_chats::{OpenChatsPanel, OpenChatsPanelStoreFields}, + roster::{Roster, RosterStoreFields}, +}; mod contact_request_manager; mod roster_list_item; #[component] pub fn RosterList() -> impl IntoView { - let requests: ReadSignal<HashSet<BareJID>> = use_context().expect("no pending subscriptions in context"); + let requests: ReadSignal<HashSet<BareJID>> = + use_context().expect("no pending subscriptions in context"); let open_chats: Store<OpenChatsPanel> = use_context().expect("no open chats panel store in context"); @@ -29,12 +35,13 @@ pub fn RosterList() -> impl IntoView { <div class="header"> <h2>Roster</h2> <div class="add-contact header-icon" class:open=open_add_contact> - <IconComponent icon=Icon::AddContact24 on:click=move |_| set_open_add_contact.update(|state| *state = !*state)/> + <IconComponent + icon=Icon::AddContact24 + on:click=move |_| set_open_add_contact.update(|state| *state = !*state) + /> {move || { if !requests.read().is_empty() { - view! { - <div class="badge"></div> - }.into_any() + view! { <div class="badge"></div> }.into_any() } else { view! {}.into_any() } @@ -47,17 +54,21 @@ pub fn RosterList() -> impl IntoView { <div class="roster-add-contact"> <AddContact /> </div> - }.into_any() + } + .into_any() } else { view! {}.into_any() } }} <div class="roster-list-roster"> - <For each=move || roster.contacts().get() key=|contact| contact.0.clone() let(contact)> + <For + each=move || roster.contacts().get() + key=|contact| contact.0.clone() + let(contact) + > <RosterListItem contact=contact.1 /> </For> </div> </div> } } - |