Update channel context menu

Nate Butler created 2 years ago

Change summary

crates/collab_ui/src/collab_panel.rs  | 11 +++++++----
styles/src/style_tree/context_menu.ts | 12 +-----------
2 files changed, 8 insertions(+), 15 deletions(-)

Detailed changes

crates/collab_ui/src/collab_panel.rs

@@ -1834,10 +1834,13 @@ impl CollabPanel {
                     },
                     vec![
                         ContextMenuItem::action("New Subchannel", NewChannel { channel_id }),
-                        ContextMenuItem::action("Remove Channel", RemoveChannel { channel_id }),
-                        ContextMenuItem::action("Manage members", ManageMembers { channel_id }),
-                        ContextMenuItem::action("Invite members", InviteMembers { channel_id }),
-                        ContextMenuItem::action("Rename Channel", RenameChannel { channel_id }),
+                        ContextMenuItem::Separator,
+                        ContextMenuItem::action("Invite to Channel", InviteMembers { channel_id }),
+                        ContextMenuItem::Separator,
+                        ContextMenuItem::action("Rename", RenameChannel { channel_id }),
+                        ContextMenuItem::action("Manage", ManageMembers { channel_id }),
+                        ContextMenuItem::Separator,
+                        ContextMenuItem::action("Delete", RemoveChannel { channel_id }),
                     ],
                     cx,
                 );

styles/src/style_tree/context_menu.ts

@@ -19,7 +19,7 @@ export default function context_menu(): any {
                     icon_width: 14,
                     padding: { left: 6, right: 6, top: 2, bottom: 2 },
                     corner_radius: 6,
-                    label: text(theme.middle, "sans", { size: "sm" }),
+                    label: text(theme.middle, "ui_sans", { size: "sm" }),
                     keystroke: {
                         ...text(theme.middle, "sans", "variant", {
                             size: "sm",
@@ -31,16 +31,6 @@ export default function context_menu(): any {
                 state: {
                     hovered: {
                         background: background(theme.middle, "hovered"),
-                        label: text(theme.middle, "sans", "hovered", {
-                            size: "sm",
-                        }),
-                        keystroke: {
-                            ...text(theme.middle, "sans", "hovered", {
-                                size: "sm",
-                                weight: "bold",
-                            }),
-                            padding: { left: 3, right: 3 },
-                        },
                     },
                     clicked: {
                         background: background(theme.middle, "pressed"),