1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
use std::ops::Deref;
use chrono::Local;
use filamento::{chat::{Chat, ChatStoreFields, Message, MessageStoreFields}, user::User};
use leptos::prelude::*;
use reactive_stores::{ArcStore, Store};
use tracing::debug;
use crate::{chat::MacawChat, components::{avatar::AvatarWithPresence, sidebar::Open}, message::MacawMessage, open_chats::{OpenChatsPanel, OpenChatsPanelStoreFields}, user::get_name};
#[component]
pub fn ChatsListItem(chat: MacawChat, message: MacawMessage) -> impl IntoView {
let chat_chat: Store<Chat> = <ArcStore<Chat> as Clone>::clone(&chat.chat).into();
let chat_user: Store<User> =
<ArcStore<filamento::user::User> as Clone>::clone(&chat.user).into();
let message_message: Store<Message> = <ArcStore<Message> as Clone>::clone(&message.message).into();
let name = move || get_name(chat_user, true);
// TODO: store fine-grained reactivity
let latest_message_body = move || message_message.body().get().body;
let open_chats: Store<OpenChatsPanel> =
use_context().expect("no open chats panel store in context");
let open_chat = move |_| {
debug!("opening chat");
open_chats.update(|open_chats| open_chats.open(chat.clone()));
};
let open = move || {
if let Some(open_chat) = &*open_chats.chat_view().read() {
debug!("got open chat: {:?}", open_chat);
if *open_chat == *chat_chat.correspondent().read() {
return Open::Focused;
}
}
if let Some(_backgrounded_chat) = open_chats
.chats()
.read()
.get(chat_chat.correspondent().read().deref())
{
return Open::Open;
}
Open::Closed
};
let focused = move || open().is_focused();
let open = move || open().is_open();
let date = move || message_message.timestamp().read().naive_local();
let now = move || Local::now().naive_local();
let timeinfo = move || if date().date() == now().date() {
// TODO: localisation/config
date().time().format("%H:%M").to_string()
} else {
date().date().format("%d/%m").to_string()
};
view! {
<div class="chats-list-item" class:open=move || open() class:focused=move || focused() on:click=open_chat>
<AvatarWithPresence user=chat_user />
<div class="item-info">
<div class="main-info"><p class="name">{name}</p><p class="timestamp">{timeinfo}</p></div>
<div class="sub-info"><p class="message-preview">{latest_message_body}</p><p><!-- "TODO: delivery or unread state" --></p></div>
</div>
</div>
}
}
|
