guise/
closebutton.rs

1//! `CloseButton` — a subtle square button with a dismiss glyph.
2
3use gpui::prelude::*;
4use gpui::{div, px, App, ClickEvent, ElementId, IntoElement, Window};
5
6use crate::devtools::Probed;
7use crate::icon::{Glyph, IconName};
8use crate::input::ClickHandler;
9use crate::style::icon_size;
10use crate::theme::{theme, Size};
11
12/// A dismiss button.
13#[derive(IntoElement)]
14pub struct CloseButton {
15    id: ElementId,
16    size: Size,
17    on_click: Option<ClickHandler>,
18}
19
20impl CloseButton {
21    pub fn new(id: impl Into<ElementId>) -> Self {
22        CloseButton {
23            id: id.into(),
24            size: Size::Md,
25            on_click: None,
26        }
27    }
28
29    pub fn size(mut self, size: Size) -> Self {
30        self.size = size;
31        self
32    }
33
34    pub fn on_click(
35        mut self,
36        handler: impl Fn(&ClickEvent, &mut Window, &mut App) + 'static,
37    ) -> Self {
38        self.on_click = Some(Box::new(handler));
39        self
40    }
41}
42
43impl RenderOnce for CloseButton {
44    fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
45        let t = theme(cx);
46        let dim = icon_size(self.size);
47        let hover_bg = t.surface_hover().hsla();
48        let hover_fg = t.text().hsla();
49
50        let mut el = div()
51            .id(self.id)
52            .w(px(dim))
53            .h(px(dim))
54            .flex()
55            .items_center()
56            .justify_center()
57            .rounded(px(t.radius(Size::Sm)))
58            .text_color(t.dimmed().hsla())
59            .text_size(px(dim * 0.5))
60            .hover(move |s| s.bg(hover_bg).text_color(hover_fg))
61            .child(Glyph::from(IconName::X));
62        if let Some(handler) = self.on_click {
63            el = el.on_click(handler);
64        }
65        el.probe("CloseButton")
66    }
67}
guise/closebutton.rs

guise/
closebutton.rs
