1 files changed, 35 insertions, 21 deletions

diff --git a/src/components/avatar.rs b/src/components/avatar.rs
index 292173e..7ab7544 100644
--- a/src/components/avatar.rs
+++ b/src/components/avatar.rs
@@ -2,34 +2,48 @@ use filamento::{presence::PresenceType, user::User};
 use leptos::prelude::*;
 use reactive_stores::Store;
 
-use crate::{components::icon::{show_to_icon, IconComponent}, icon::Icon, user::{get_avatar, MacawUser}, user_presences::UserPresences};
+use crate::{
+    components::icon::{IconComponent, show_to_icon},
+    icon::Icon,
+    user::{MacawUser, get_avatar},
+    user_presences::UserPresences,
+};
 
 #[component]
 pub fn AvatarWithPresence(user: MacawUser) -> impl IntoView {
     let user_presences: Store<UserPresences> = use_context().expect("no user presences in context");
-    let presence = move || user_presences.write().get_user_presences(&user.get().read().jid).read().presence();
-    let show_icon = move || presence().map(|(_, presence)| {
-        match presence.presence {
-            PresenceType::Online(online) => if let Some(show) = online.show {
-                Some(show_to_icon(show))
-            } else {
-                Some(Icon::Available16Color)
-            },
-            PresenceType::Offline(offline) => None,
-        }
-    }).unwrap_or_default();
+    let presence = move || {
+        user_presences
+            .write()
+            .get_user_presences(&user.get().read().jid)
+            .read()
+            .presence()
+    };
+    let show_icon = move || {
+        presence()
+            .map(|(_, presence)| match presence.presence {
+                PresenceType::Online(online) => {
+                    if let Some(show) = online.show {
+                        Some(show_to_icon(show))
+                    } else {
+                        Some(Icon::Available16Color)
+                    }
+                }
+                PresenceType::Offline(offline) => None,
+            })
+            .unwrap_or_default()
+    };
 
     view! {
         <div class="avatar-with-presence">
-        <img class="avatar" src=move || user.avatar().get() />
-        {move || if let Some(icon) = show_icon() {
-            view!{
-                <IconComponent icon=icon class:presence-show-icon=true />
-            }.into_any()
-        } else {
-            view! {}.into_any()
-        }}
+            <img class="avatar" src=move || user.avatar().get() />
+            {move || {
+                if let Some(icon) = show_icon() {
+                    view! { <IconComponent icon=icon class:presence-show-icon=true /> }.into_any()
+                } else {
+                    view! {}.into_any()
+                }
+            }}
         </div>
     }
 }
-