guise/feedback/
alert.rs

1//! `Alert` — an inline callout for info, success, warning, and error states.
2
3use gpui::prelude::*;
4use gpui::{div, px, App, ClickEvent, FontWeight, IntoElement, SharedString, Window};
5
6use crate::devtools::Probed;
7use crate::icon::Glyph;
8use crate::input::ClickHandler;
9use crate::style::{surface, ColorValue, Variant};
10use crate::theme::{theme, Size};
11
12/// A colored message callout.
13#[derive(IntoElement)]
14pub struct Alert {
15  title: Option<SharedString>,
16  message: SharedString,
17  variant: Variant,
18  color: ColorValue,
19  icon: Option<Glyph>,
20  on_close: Option<ClickHandler>,
21}
22
23impl Alert {
24  pub fn new(message: impl Into<SharedString>) -> Self {
25    Alert {
26      title: None,
27      message: message.into(),
28      variant: Variant::Light,
29      color: ColorValue::default(),
30      icon: None,
31      on_close: None,
32    }
33  }
34
35  pub fn title(mut self, title: impl Into<SharedString>) -> Self {
36    self.title = Some(title.into());
37    self
38  }
39
40  pub fn variant(mut self, variant: Variant) -> Self {
41    self.variant = variant;
42    self
43  }
44
45  pub fn color(mut self, color: impl Into<ColorValue>) -> Self {
46    self.color = color.into();
47    self
48  }
49
50  /// A leading glyph (a Lucide [`IconName`](crate::IconName) or a character).
51  pub fn icon(mut self, icon: impl Into<Glyph>) -> Self {
52    self.icon = Some(icon.into());
53    self
54  }
55
56  pub fn on_close(
57    mut self,
58    handler: impl Fn(&ClickEvent, &mut Window, &mut App) + 'static,
59  ) -> Self {
60    self.on_close = Some(Box::new(handler));
61    self
62  }
63}
64
65impl RenderOnce for Alert {
66  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
67    let t = theme(cx);
68    let s = surface(t, self.color, self.variant);
69    let filled = self.variant == Variant::Filled;
70    let body_color = if filled { s.fg } else { t.text().hsla() };
71    let radius = t.radius(Size::Md);
72    let pad = t.spacing(Size::Md);
73
74    let mut content = div().flex().flex_col().gap(px(2.0)).flex_1();
75    if let Some(title) = self.title {
76      content = content.child(
77        div()
78          .font_weight(FontWeight::BOLD)
79          .text_size(px(t.font_size(Size::Sm)))
80          .text_color(s.fg)
81          .child(title),
82      );
83    }
84    content = content.child(
85      div()
86        .text_size(px(t.font_size(Size::Sm)))
87        .text_color(body_color)
88        .child(self.message),
89    );
90
91    let mut row = div()
92      .flex()
93      .items_start()
94      .gap(px(10.0))
95      .p(px(pad))
96      .rounded(px(radius))
97      .bg(s.bg);
98    if let Some(border) = s.border {
99      row = row.border_1().border_color(border);
100    }
101    if let Some(icon) = self.icon {
102      row = row.child(
103        div()
104          .text_size(px(t.font_size(Size::Md)))
105          .text_color(s.fg)
106          .child(icon),
107      );
108    }
109    row = row.child(content);
110    if let Some(handler) = self.on_close {
111      let close_color = if filled { s.fg } else { t.dimmed().hsla() };
112      row = row.child(
113        div()
114          .id("guise-alert-close")
115          .text_color(close_color)
116          .child(SharedString::new_static("\u{00d7}"))
117          .on_click(handler),
118      );
119    }
120    row.probe("Alert").attr("variant", self.variant.label())
121  }
122}
guise/feedback/alert.rs

guise/feedback/
alert.rs
