1 files changed, 36 insertions, 0 deletions
diff --git a/src/components/avatar.rs b/src/components/avatar.rs
new file mode 100644
index 0000000..9265ef7
--- /dev/null
+++ b/src/components/avatar.rs
@@ -0,0 +1,36 @@
+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, user_presences::UserPresences};
+
+#[component]
+pub fn AvatarWithPresence(user: Store<User>) -> impl IntoView {
+    let avatar = LocalResource::new(move || get_avatar(user));
+    let user_presences: Store<UserPresences> = use_context().expect("no user presences in context");
+    let presence = move || user_presences.write().get_user_presences(&user.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 || 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>
+    }
+}
+