151 lines
4.5 KiB
Rust
151 lines
4.5 KiB
Rust
use chrono::NaiveDateTime;
|
|
|
|
use crate::prelude::*;
|
|
use crate::{Icon, IconButton, Input, Label, TextColor};
|
|
|
|
#[derive(Component)]
|
|
pub struct ChatPanel {
|
|
element_id: ElementId,
|
|
messages: Vec<ChatMessage>,
|
|
}
|
|
|
|
impl ChatPanel {
|
|
pub fn new(element_id: impl Into<ElementId>) -> Self {
|
|
Self {
|
|
element_id: element_id.into(),
|
|
messages: Vec::new(),
|
|
}
|
|
}
|
|
|
|
pub fn messages(mut self, messages: Vec<ChatMessage>) -> Self {
|
|
self.messages = messages;
|
|
self
|
|
}
|
|
|
|
fn render<V: 'static>(self, _view: &mut V, cx: &mut ViewContext<V>) -> impl Component<V> {
|
|
div()
|
|
.id(self.element_id.clone())
|
|
.flex()
|
|
.flex_col()
|
|
.justify_between()
|
|
.h_full()
|
|
.px_2()
|
|
.gap_2()
|
|
// Header
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.justify_between()
|
|
.py_2()
|
|
.child(div().flex().child(Label::new("#design")))
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.items_center()
|
|
.gap_px()
|
|
.child(IconButton::new("file", Icon::File))
|
|
.child(IconButton::new("audio_on", Icon::AudioOn)),
|
|
),
|
|
)
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.flex_col()
|
|
// Chat Body
|
|
.child(
|
|
div()
|
|
.id("chat-body")
|
|
.w_full()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_3()
|
|
.overflow_y_scroll()
|
|
.children(self.messages),
|
|
)
|
|
// Composer
|
|
.child(div().flex().my_2().child(Input::new("Message #design"))),
|
|
)
|
|
}
|
|
}
|
|
|
|
#[derive(Component)]
|
|
pub struct ChatMessage {
|
|
author: String,
|
|
text: String,
|
|
sent_at: NaiveDateTime,
|
|
}
|
|
|
|
impl ChatMessage {
|
|
pub fn new(author: String, text: String, sent_at: NaiveDateTime) -> Self {
|
|
Self {
|
|
author,
|
|
text,
|
|
sent_at,
|
|
}
|
|
}
|
|
|
|
fn render<V: 'static>(self, _view: &mut V, cx: &mut ViewContext<V>) -> impl Component<V> {
|
|
div()
|
|
.flex()
|
|
.flex_col()
|
|
.child(
|
|
div()
|
|
.flex()
|
|
.gap_2()
|
|
.child(Label::new(self.author.clone()))
|
|
.child(
|
|
Label::new(self.sent_at.format("%m/%d/%Y").to_string())
|
|
.color(TextColor::Muted),
|
|
),
|
|
)
|
|
.child(div().child(Label::new(self.text.clone())))
|
|
}
|
|
}
|
|
|
|
#[cfg(feature = "stories")]
|
|
pub use stories::*;
|
|
|
|
#[cfg(feature = "stories")]
|
|
mod stories {
|
|
use chrono::DateTime;
|
|
use gpui::{Div, Render};
|
|
|
|
use crate::{Panel, Story};
|
|
|
|
use super::*;
|
|
|
|
pub struct ChatPanelStory;
|
|
|
|
impl Render for ChatPanelStory {
|
|
type Element = Div<Self>;
|
|
|
|
fn render(&mut self, cx: &mut ViewContext<Self>) -> Self::Element {
|
|
Story::container(cx)
|
|
.child(Story::title_for::<_, ChatPanel>(cx))
|
|
.child(Story::label(cx, "Default"))
|
|
.child(
|
|
Panel::new("chat-panel-1-outer", cx)
|
|
.child(ChatPanel::new("chat-panel-1-inner")),
|
|
)
|
|
.child(Story::label(cx, "With Mesages"))
|
|
.child(Panel::new("chat-panel-2-outer", cx).child(
|
|
ChatPanel::new("chat-panel-2-inner").messages(vec![
|
|
ChatMessage::new(
|
|
"osiewicz".to_string(),
|
|
"is this thing on?".to_string(),
|
|
DateTime::parse_from_rfc3339("2023-09-27T15:40:52.707Z")
|
|
.unwrap()
|
|
.naive_local(),
|
|
),
|
|
ChatMessage::new(
|
|
"maxdeviant".to_string(),
|
|
"Reading you loud and clear!".to_string(),
|
|
DateTime::parse_from_rfc3339("2023-09-28T15:40:52.707Z")
|
|
.unwrap()
|
|
.naive_local(),
|
|
),
|
|
]),
|
|
))
|
|
}
|
|
}
|
|
}
|