Add icon before the empty contacts text

Co-authored-by: Mikayla <mikayla@zed.dev>
This commit is contained in:
Max Brunsfeld 2023-08-14 11:57:15 -07:00
parent 2bb9f7929d
commit 3b10ae9310
3 changed files with 26 additions and 1 deletions

View file

@ -1413,7 +1413,21 @@ impl CollabPanel {
enum AddContacts {}
MouseEventHandler::<AddContacts, Self>::new(0, cx, |state, _| {
let style = theme.list_empty_state.style_for(is_selected, state);
Label::new("Add contacts to begin collaborating", style.text.clone())
Flex::row()
.with_child(
Svg::new("icons/plus_16.svg")
.with_color(theme.list_empty_icon.color)
.constrained()
.with_width(theme.list_empty_icon.width)
.aligned()
.left(),
)
.with_child(
Label::new("Add a contact", style.text.clone())
.contained()
.with_style(theme.list_empty_label_container),
)
.align_children_center()
.contained()
.with_style(style.container)
.into_any()

View file

@ -220,6 +220,8 @@ pub struct CollabPanel {
#[serde(flatten)]
pub container: ContainerStyle,
pub list_empty_state: Toggleable<Interactive<ContainedText>>,
pub list_empty_icon: Icon,
pub list_empty_label_container: ContainerStyle,
pub log_in_button: Interactive<ContainedText>,
pub channel_editor: ContainerStyle,
pub channel_hash: Icon,