Danilo Leal
cef7d53607
Making icons consistent, adjusting spacing, and moving the "Leave Call" button to be the very last, which makes more sense to me than the "Share" button being the last. Sharing your project is still part of the call, so in the left edge of the button strip is where, conceptually, the option to end the call should be, I think! Release Notes: - N/A
78 lines
2.3 KiB
Rust
78 lines
2.3 KiB
Rust
use gpui::{
|
|
AnyElement, App, BoxShadow, IntoElement, ParentElement, RenderOnce, Styled, Window, div, hsla,
|
|
point, prelude::FluentBuilder, px,
|
|
};
|
|
use theme::ActiveTheme;
|
|
|
|
use crate::{ElevationIndex, h_flex};
|
|
|
|
use super::ButtonLike;
|
|
|
|
#[derive(Clone, Copy, PartialEq)]
|
|
pub enum SplitButtonStyle {
|
|
Filled,
|
|
Outlined,
|
|
Transparent,
|
|
}
|
|
|
|
/// /// A button with two parts: a primary action on the left and a secondary action on the right.
|
|
///
|
|
/// The left side is a [`ButtonLike`] with the main action, while the right side can contain
|
|
/// any element (typically a dropdown trigger or similar).
|
|
///
|
|
/// The two sections are visually separated by a divider, but presented as a unified control.
|
|
#[derive(IntoElement)]
|
|
pub struct SplitButton {
|
|
pub left: ButtonLike,
|
|
pub right: AnyElement,
|
|
style: SplitButtonStyle,
|
|
}
|
|
|
|
impl SplitButton {
|
|
pub fn new(left: ButtonLike, right: AnyElement) -> Self {
|
|
Self {
|
|
left,
|
|
right,
|
|
style: SplitButtonStyle::Filled,
|
|
}
|
|
}
|
|
|
|
pub fn style(mut self, style: SplitButtonStyle) -> Self {
|
|
self.style = style;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for SplitButton {
|
|
fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
|
|
let is_filled_or_outlined = matches!(
|
|
self.style,
|
|
SplitButtonStyle::Filled | SplitButtonStyle::Outlined
|
|
);
|
|
|
|
h_flex()
|
|
.rounded_sm()
|
|
.when(is_filled_or_outlined, |this| {
|
|
this.border_1()
|
|
.border_color(cx.theme().colors().border.opacity(0.8))
|
|
})
|
|
.child(div().flex_grow().child(self.left))
|
|
.child(
|
|
div()
|
|
.h_full()
|
|
.w_px()
|
|
.bg(cx.theme().colors().border.opacity(0.5)),
|
|
)
|
|
.child(self.right)
|
|
.when(self.style == SplitButtonStyle::Filled, |this| {
|
|
this.bg(ElevationIndex::Surface.on_elevation_bg(cx))
|
|
.shadow(vec![BoxShadow {
|
|
color: hsla(0.0, 0.0, 0.0, 0.16),
|
|
offset: point(px(0.), px(1.)),
|
|
blur_radius: px(0.),
|
|
spread_radius: px(0.),
|
|
}])
|
|
})
|
|
}
|
|
}
|