mirror of
https://github.com/zed-industries/zed.git
synced 2025-01-12 21:32:40 +00:00
Style worktree rows in people panel
Co-Authored-By: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
Max Brunsfeld
parent
9352c4e076
commit
729896d32a
3 changed files with 100 additions and 43 deletions
|
|
@ -128,16 +128,27 @@ extends = "$panel"
|
|||
host_avatar = { corner_radius = 10, width = 20 }
|
||||
host_username = { extends = "$text.0", padding.left = 5 }
|
||||
guest_avatar = { corner_radius = 8, width = 16 }
|
||||
guest_avatar_spacing = 8
|
||||
|
||||
[people_panel.worktree]
|
||||
[people_panel.unshared_worktree]
|
||||
extends = "$text.1"
|
||||
padding = { left = 5 }
|
||||
|
||||
[people_panel.hovered_worktree]
|
||||
extends = "$text.0"
|
||||
padding = { left = 8 }
|
||||
# extends = "$people_panel.worktree"
|
||||
# color = "$text.0.color"
|
||||
[people_panel.own_worktree]
|
||||
extends = "$people_panel.unshared_worktree"
|
||||
color = "$syntax.variant"
|
||||
|
||||
[people_panel.joined_worktree]
|
||||
extends = "$people_panel.own_worktree"
|
||||
|
||||
[people_panel.shared_worktree]
|
||||
extends = "$people_panel.unshared_worktree"
|
||||
color = "$text.0.color"
|
||||
|
||||
[people_panel.hovered_shared_worktree]
|
||||
extends = "$people_panel.shared_worktree"
|
||||
background = "$state.hover"
|
||||
corner_radius = 6
|
||||
|
||||
[people_panel.tree_branch]
|
||||
width = 1
|
||||
|
|
|
|||
|
|
@ -37,8 +37,15 @@ impl PeoplePanel {
|
|||
let user_store = user_store.clone();
|
||||
let settings = settings.clone();
|
||||
move |ix, cx| {
|
||||
let collaborators = user_store.read(cx).collaborators().clone();
|
||||
Self::render_collaborator(&collaborators[ix], &settings.borrow().theme, cx)
|
||||
let user_store = user_store.read(cx);
|
||||
let collaborators = user_store.collaborators().clone();
|
||||
let current_user_id = user_store.current_user().map(|user| user.id);
|
||||
Self::render_collaborator(
|
||||
&collaborators[ix],
|
||||
current_user_id,
|
||||
&settings.borrow().theme,
|
||||
cx,
|
||||
)
|
||||
}
|
||||
},
|
||||
),
|
||||
|
|
@ -56,15 +63,16 @@ impl PeoplePanel {
|
|||
|
||||
fn render_collaborator(
|
||||
collaborator: &Collaborator,
|
||||
current_user_id: Option<u64>,
|
||||
theme: &Theme,
|
||||
cx: &mut LayoutContext,
|
||||
) -> ElementBox {
|
||||
let theme = &theme.people_panel;
|
||||
let worktree_count = collaborator.worktrees.len();
|
||||
let font_cache = cx.font_cache();
|
||||
let line_height = theme.worktree.text.line_height(font_cache);
|
||||
let cap_height = theme.worktree.text.cap_height(font_cache);
|
||||
let baseline_offset = theme.worktree.text.baseline_offset(font_cache);
|
||||
let line_height = theme.unshared_worktree.text.line_height(font_cache);
|
||||
let cap_height = theme.unshared_worktree.text.cap_height(font_cache);
|
||||
let baseline_offset = theme.unshared_worktree.text.baseline_offset(font_cache);
|
||||
let tree_branch = theme.tree_branch;
|
||||
|
||||
Flex::column()
|
||||
|
|
@ -140,16 +148,31 @@ impl PeoplePanel {
|
|||
.with_height(line_height)
|
||||
.boxed(),
|
||||
)
|
||||
.with_child(
|
||||
.with_child({
|
||||
let mut worktree_row =
|
||||
MouseEventHandler::new::<PeoplePanel, _, _, _>(
|
||||
worktree_id as usize,
|
||||
cx,
|
||||
|mouse_state, _| {
|
||||
let style = if mouse_state.hovered {
|
||||
&theme.hovered_worktree
|
||||
let style =
|
||||
if Some(collaborator.user.id) == current_user_id {
|
||||
&theme.own_worktree
|
||||
} else if worktree.is_shared {
|
||||
if worktree.guests.iter().any(|guest| {
|
||||
Some(guest.id) == current_user_id
|
||||
}) {
|
||||
&theme.joined_worktree
|
||||
} else if mouse_state.hovered {
|
||||
&theme.hovered_shared_worktree
|
||||
} else {
|
||||
&theme.worktree
|
||||
&theme.shared_worktree
|
||||
}
|
||||
} else {
|
||||
&theme.unshared_worktree
|
||||
};
|
||||
|
||||
Flex::row()
|
||||
.with_child(
|
||||
Container::new(
|
||||
Label::new(
|
||||
worktree.root_name.clone(),
|
||||
|
|
@ -158,18 +181,37 @@ impl PeoplePanel {
|
|||
.boxed(),
|
||||
)
|
||||
.with_style(style.container)
|
||||
.boxed()
|
||||
},
|
||||
)
|
||||
.with_cursor_style(CursorStyle::PointingHand)
|
||||
.on_click(move |cx| cx.dispatch_action(JoinWorktree(worktree_id)))
|
||||
.boxed(),
|
||||
)
|
||||
.with_children(worktree.guests.iter().filter_map(|participant| {
|
||||
.with_children(worktree.guests.iter().filter_map(
|
||||
|participant| {
|
||||
participant.avatar.clone().map(|avatar| {
|
||||
Image::new(avatar).with_style(theme.guest_avatar).boxed()
|
||||
Container::new(
|
||||
Image::new(avatar)
|
||||
.with_style(theme.guest_avatar)
|
||||
.boxed(),
|
||||
)
|
||||
.with_margin_left(
|
||||
theme.guest_avatar_spacing,
|
||||
)
|
||||
.boxed()
|
||||
})
|
||||
},
|
||||
))
|
||||
.boxed()
|
||||
},
|
||||
);
|
||||
|
||||
if worktree.is_shared {
|
||||
worktree_row = worktree_row
|
||||
.with_cursor_style(CursorStyle::PointingHand)
|
||||
.on_click(move |cx| {
|
||||
cx.dispatch_action(JoinWorktree(worktree_id))
|
||||
});
|
||||
}
|
||||
|
||||
Expanded::new(1.0, worktree_row.boxed()).boxed()
|
||||
})
|
||||
}))
|
||||
.boxed()
|
||||
}),
|
||||
)
|
||||
|
|
|
|||
|
|
@ -111,9 +111,13 @@ pub struct PeoplePanel {
|
|||
pub container: ContainerStyle,
|
||||
pub host_avatar: ImageStyle,
|
||||
pub host_username: ContainedText,
|
||||
pub worktree: ContainedText,
|
||||
pub hovered_worktree: ContainedText,
|
||||
pub own_worktree: ContainedText,
|
||||
pub joined_worktree: ContainedText,
|
||||
pub shared_worktree: ContainedText,
|
||||
pub hovered_shared_worktree: ContainedText,
|
||||
pub unshared_worktree: ContainedText,
|
||||
pub guest_avatar: ImageStyle,
|
||||
pub guest_avatar_spacing: f32,
|
||||
pub tree_branch: TreeBranch,
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue