100 lines
2.7 KiB
Rust
100 lines
2.7 KiB
Rust
use chat::Chat;
|
|
use coop_ui::{theme::ActiveTheme, v_flex, Collapsible, Icon, IconName, StyledExt};
|
|
use gpui::*;
|
|
use prelude::FluentBuilder;
|
|
|
|
use crate::states::chat::ChatRegistry;
|
|
|
|
pub mod chat;
|
|
|
|
pub struct Inbox {
|
|
label: SharedString,
|
|
chats: Model<Option<Vec<View<Chat>>>>,
|
|
is_collapsed: bool,
|
|
}
|
|
|
|
impl Inbox {
|
|
pub fn new(cx: &mut ViewContext<'_, Self>) -> Self {
|
|
let chats = cx.new_model(|_| None);
|
|
|
|
cx.observe_global::<ChatRegistry>(|inbox, cx| {
|
|
inbox.add_chats(cx);
|
|
})
|
|
.detach();
|
|
|
|
Self {
|
|
chats,
|
|
label: "Inbox".into(),
|
|
is_collapsed: false,
|
|
}
|
|
}
|
|
|
|
fn add_chats(&self, cx: &mut ViewContext<Self>) {
|
|
let events = cx.global::<ChatRegistry>().get(cx);
|
|
|
|
if let Some(events) = events {
|
|
let chats: Vec<View<Chat>> = events
|
|
.into_iter()
|
|
.map(|event| cx.new_view(|cx| Chat::new(event, cx)))
|
|
.collect();
|
|
|
|
cx.update_model(&self.chats, |a, b| {
|
|
*a = Some(chats);
|
|
b.notify();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
impl Collapsible for Inbox {
|
|
fn is_collapsed(&self) -> bool {
|
|
self.is_collapsed
|
|
}
|
|
|
|
fn collapsed(mut self, collapsed: bool) -> Self {
|
|
self.is_collapsed = collapsed;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl Render for Inbox {
|
|
fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
|
|
let mut content = div();
|
|
|
|
if let Some(chats) = self.chats.read(cx).as_ref() {
|
|
content = content.children(chats.clone())
|
|
}
|
|
|
|
v_flex()
|
|
.gap_1()
|
|
.pt_2()
|
|
.px_2()
|
|
.child(
|
|
div()
|
|
.id("inbox")
|
|
.h_7()
|
|
.px_1()
|
|
.flex()
|
|
.items_center()
|
|
.rounded_md()
|
|
.text_xs()
|
|
.font_semibold()
|
|
.text_color(cx.theme().sidebar_foreground.opacity(0.7))
|
|
.hover(|this| this.bg(cx.theme().sidebar_accent.opacity(0.7)))
|
|
.on_click(cx.listener(move |view, _event, cx| {
|
|
view.is_collapsed = !view.is_collapsed;
|
|
cx.notify();
|
|
}))
|
|
.child(
|
|
Icon::new(IconName::ChevronDown)
|
|
.size_6()
|
|
.when(self.is_collapsed, |this| {
|
|
this.rotate(percentage(270. / 360.))
|
|
}),
|
|
)
|
|
.child(self.label.clone()),
|
|
)
|
|
.when(!self.is_collapsed, |this| this.child(content))
|
|
}
|
|
}
|