Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: Add Chip component (#34521)

Browse source 
Possibly the simplest component in our set, but a nice one to have so we
can standardize how it looks across the app.

Release Notes:

- N/A
This commit is contained in:
Danilo Leal 2025-07-16 01:15:45 -03:00 • committed by GitHub
parent ee4b9a27a2
commit 59d524427e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 124 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

23
crates/agent_ui/src/agent_configuration.rs
View file

@ -27,7 +27,7 @@ use project::{
use proto::Plan;
use settings::{Settings, update_settings_file};
use ui::{
ContextMenu, Disclosure, Divider, DividerColor, ElevationIndex, Indicator, PopoverMenu,
Chip, ContextMenu, Disclosure, Divider, DividerColor, ElevationIndex, Indicator, PopoverMenu,
Scrollbar, ScrollbarState, Switch, SwitchColor, Tooltip, prelude::*,
};
use util::ResultExt as _;
@ -227,7 +227,7 @@ impl AgentConfiguration {
)
.map(|this| {
if is_zed_provider {
this.child(
this.gap_2().child(
self.render_zed_plan_info(current_plan, cx),
)
} else {
@ -474,26 +474,15 @@ impl AgentConfiguration {
.opacity(0.5)
.blend(cx.theme().colors().text_accent.opacity(0.2));
let (plan_name, plan_color, bg_color) = match plan {
let (plan_name, label_color, bg_color) = match plan {
Plan::Free => ("Free", Color::Default, free_chip_bg),
Plan::ZedProTrial => ("Pro Trial", Color::Accent, pro_chip_bg),
Plan::ZedPro => ("Pro", Color::Accent, pro_chip_bg),
};
h_flex()
.ml_1()
.px_1()
.rounded_sm()
.border_1()
.border_color(cx.theme().colors().border)
.bg(bg_color)
.overflow_hidden()
.child(
Label::new(plan_name.to_string())
.color(plan_color)
.size(LabelSize::XSmall)
.buffer_font(cx),
)
Chip::new(plan_name.to_string())
.bg_color(bg_color)
.label_color(label_color)
.into_any_element()
} else {
div().into_any_element()