Marshall Bowers
b910bbf002
This PR adds a new `ui_font_size` setting that can be used to control the scale of the entire UI. We use the value in this setting to set the base rem size of the window. Release Notes: - N/A
107 lines
2.9 KiB
Rust
107 lines
2.9 KiB
Rust
use std::sync::Arc;
|
|
|
|
use gpui2::{rems, MouseButton};
|
|
|
|
use crate::{h_stack, prelude::*};
|
|
use crate::{ClickHandler, Icon, IconColor, IconElement};
|
|
|
|
struct IconButtonHandlers<V: 'static> {
|
|
click: Option<ClickHandler<V>>,
|
|
}
|
|
|
|
impl<V: 'static> Default for IconButtonHandlers<V> {
|
|
fn default() -> Self {
|
|
Self { click: None }
|
|
}
|
|
}
|
|
|
|
#[derive(Component)]
|
|
pub struct IconButton<V: 'static> {
|
|
id: ElementId,
|
|
icon: Icon,
|
|
color: IconColor,
|
|
variant: ButtonVariant,
|
|
state: InteractionState,
|
|
handlers: IconButtonHandlers<V>,
|
|
}
|
|
|
|
impl<V: 'static> IconButton<V> {
|
|
pub fn new(id: impl Into<ElementId>, icon: Icon) -> Self {
|
|
Self {
|
|
id: id.into(),
|
|
icon,
|
|
color: IconColor::default(),
|
|
variant: ButtonVariant::default(),
|
|
state: InteractionState::default(),
|
|
handlers: IconButtonHandlers::default(),
|
|
}
|
|
}
|
|
|
|
pub fn icon(mut self, icon: Icon) -> Self {
|
|
self.icon = icon;
|
|
self
|
|
}
|
|
|
|
pub fn color(mut self, color: IconColor) -> Self {
|
|
self.color = color;
|
|
self
|
|
}
|
|
|
|
pub fn variant(mut self, variant: ButtonVariant) -> Self {
|
|
self.variant = variant;
|
|
self
|
|
}
|
|
|
|
pub fn state(mut self, state: InteractionState) -> Self {
|
|
self.state = state;
|
|
self
|
|
}
|
|
|
|
pub fn on_click(
|
|
mut self,
|
|
handler: impl 'static + Fn(&mut V, &mut ViewContext<V>) + Send + Sync,
|
|
) -> Self {
|
|
self.handlers.click = Some(Arc::new(handler));
|
|
self
|
|
}
|
|
|
|
fn render(self, _view: &mut V, cx: &mut ViewContext<V>) -> impl Component<V> {
|
|
let icon_color = match (self.state, self.color) {
|
|
(InteractionState::Disabled, _) => IconColor::Disabled,
|
|
_ => self.color,
|
|
};
|
|
|
|
let (bg_color, bg_hover_color, bg_active_color) = match self.variant {
|
|
ButtonVariant::Filled => (
|
|
cx.theme().colors().element,
|
|
cx.theme().colors().element_hover,
|
|
cx.theme().colors().element_active,
|
|
),
|
|
ButtonVariant::Ghost => (
|
|
cx.theme().colors().ghost_element,
|
|
cx.theme().colors().ghost_element_hover,
|
|
cx.theme().colors().ghost_element_active,
|
|
),
|
|
};
|
|
|
|
let mut button = h_stack()
|
|
.id(self.id.clone())
|
|
.justify_center()
|
|
.rounded_md()
|
|
.py(rems(0.21875))
|
|
.px(rems(0.375))
|
|
.bg(bg_color)
|
|
.hover(|style| style.bg(bg_hover_color))
|
|
.active(|style| style.bg(bg_active_color))
|
|
.child(IconElement::new(self.icon).color(icon_color));
|
|
|
|
if let Some(click_handler) = self.handlers.click.clone() {
|
|
button = button.on_mouse_down(MouseButton::Left, move |state, event, cx| {
|
|
click_handler(state, cx);
|
|
});
|
|
}
|
|
|
|
button
|
|
}
|
|
}
|