Move contacts panel features into collab_ui

2022-10-06 14:00:14 +02:00 · 2022-10-06 14:00:14 +02:00 · 40163da679
commit 40163da679
parent 7763acbdd5
17 changed files with 152 additions and 1134 deletions
--- a/crates/collab_ui/src/notifications.rs
+++ b/crates/collab_ui/src/notifications.rs
@ -0,0 +1,119 @@
+use client::User;
+use gpui::{
+    elements::*, platform::CursorStyle, Action, Element, ElementBox, MouseButton, RenderContext,
+    View,
+};
+use settings::Settings;
+use std::sync::Arc;
+
+enum Dismiss {}
+enum Button {}
+
+pub fn render_user_notification<V: View, A: Action + Clone>(
+    user: Arc<User>,
+    title: &str,
+    body: Option<&str>,
+    dismiss_action: A,
+    buttons: Vec<(&'static str, Box<dyn Action>)>,
+    cx: &mut RenderContext<V>,
+) -> ElementBox {
+    let theme = cx.global::<Settings>().theme.clone();
+    let theme = &theme.contact_notification;
+
+    Flex::column()
+        .with_child(
+            Flex::row()
+                .with_children(user.avatar.clone().map(|avatar| {
+                    Image::new(avatar)
+                        .with_style(theme.header_avatar)
+                        .aligned()
+                        .constrained()
+                        .with_height(
+                            cx.font_cache()
+                                .line_height(theme.header_message.text.font_size),
+                        )
+                        .aligned()
+                        .top()
+                        .boxed()
+                }))
+                .with_child(
+                    Text::new(
+                        format!("{} {}", user.github_login, title),
+                        theme.header_message.text.clone(),
+                    )
+                    .contained()
+                    .with_style(theme.header_message.container)
+                    .aligned()
+                    .top()
+                    .left()
+                    .flex(1., true)
+                    .boxed(),
+                )
+                .with_child(
+                    MouseEventHandler::<Dismiss>::new(user.id as usize, cx, |state, _| {
+                        let style = theme.dismiss_button.style_for(state, false);
+                        Svg::new("icons/x_mark_thin_8.svg")
+                            .with_color(style.color)
+                            .constrained()
+                            .with_width(style.icon_width)
+                            .aligned()
+                            .contained()
+                            .with_style(style.container)
+                            .constrained()
+                            .with_width(style.button_width)
+                            .with_height(style.button_width)
+                            .boxed()
+                    })
+                    .with_cursor_style(CursorStyle::PointingHand)
+                    .with_padding(Padding::uniform(5.))
+                    .on_click(MouseButton::Left, move |_, cx| {
+                        cx.dispatch_any_action(dismiss_action.boxed_clone())
+                    })
+                    .aligned()
+                    .constrained()
+                    .with_height(
+                        cx.font_cache()
+                            .line_height(theme.header_message.text.font_size),
+                    )
+                    .aligned()
+                    .top()
+                    .flex_float()
+                    .boxed(),
+                )
+                .named("contact notification header"),
+        )
+        .with_children(body.map(|body| {
+            Label::new(body.to_string(), theme.body_message.text.clone())
+                .contained()
+                .with_style(theme.body_message.container)
+                .boxed()
+        }))
+        .with_children(if buttons.is_empty() {
+            None
+        } else {
+            Some(
+                Flex::row()
+                    .with_children(buttons.into_iter().enumerate().map(
+                        |(ix, (message, action))| {
+                            MouseEventHandler::<Button>::new(ix, cx, |state, _| {
+                                let button = theme.button.style_for(state, false);
+                                Label::new(message.to_string(), button.text.clone())
+                                    .contained()
+                                    .with_style(button.container)
+                                    .boxed()
+                            })
+                            .with_cursor_style(CursorStyle::PointingHand)
+                            .on_click(MouseButton::Left, move |_, cx| {
+                                cx.dispatch_any_action(action.boxed_clone())
+                            })
+                            .boxed()
+                        },
+                    ))
+                    .aligned()
+                    .right()
+                    .boxed(),
+            )
+        })
+        .contained()
+        .boxed()
+}