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

Make empty state interactive

Browse source
This commit is contained in:
Mikayla 2023-08-14 10:34:00 -07:00
parent fde9653ad8
commit b07555b6df
No known key found for this signature in database
3 changed files with 50 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

27
crates/collab_ui/src/collab_panel.rs
View file

@ -370,7 +370,7 @@ impl CollabPanel {
this.render_channel_editor(&theme, *depth, cx)
}
ListEntry::ContactPlaceholder => {
this.render_contact_placeholder(&theme.collab_panel)
this.render_contact_placeholder(&theme.collab_panel, is_selected, cx)
}
}
});
@ -1402,13 +1402,23 @@ impl CollabPanel {
event_handler.into_any()
}
fn render_contact_placeholder(&self, theme: &theme::CollabPanel) -> AnyElement<Self> {
Label::new(
"Add contacts to begin collaborating",
theme.placeholder.text.clone(),
)
.contained()
.with_style(theme.placeholder.container)
fn render_contact_placeholder(
&self,
theme: &theme::CollabPanel,
is_selected: bool,
cx: &mut ViewContext<Self>,
) -> AnyElement<Self> {
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())
.contained()
.with_style(style.container)
.into_any()
})
.on_click(MouseButton::Left, |_, this, cx| {
this.toggle_contact_finder(cx);
})
.into_any()
}
@ -1861,6 +1871,7 @@ impl CollabPanel {
ListEntry::Channel(channel) => {
self.join_channel(channel.id, cx);
}
ListEntry::ContactPlaceholder => self.toggle_contact_finder(cx),
_ => {}
}
}

2
crates/theme/src/theme.rs
View file

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