1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/chat_header.rs b/src/components/chat_header.rs
new file mode 100644
index 0000000..208e7f6
--- /dev/null
+++ b/src/components/chat_header.rs
@@ -0,0 +1,23 @@
+use filamento::user::UserStoreFields;
+use leptos::prelude::*;
+use reactive_stores::ArcStore;
+
+use crate::{chat::MacawChat, components::avatar::AvatarWithPresence, user::get_name};
+
+#[component]
+pub fn ChatViewHeader(chat: MacawChat) -> impl IntoView {
+    let chat_user = <ArcStore<filamento::user::User> as Clone>::clone(&chat.user).into();
+    let name = move || get_name(chat_user, true);
+    let jid = move || chat_user.jid().read().to_string();
+
+    view! {
+        <div class="chat-view-header panel">
+            <AvatarWithPresence user=chat_user />
+            <div class="user-info">
+                <h2 class="name">{name}</h2>
+                <h3>{jid}</h3>
+            </div>
+        </div>
+    }
+}
+