Important Links

The plan is to utilize the Right Sidebar to display the Channel Info and Menu Items. There are a number of things that need to happen in order to make this work. The following outlines the updates in this iteration.

Open

Add the Info Icon to the Channel Header

This icon will give access to open the channel info in the RHS. Clicking on the Channel Name will also open the Channel Info RHS panel.

Open

Adds the info button to channel header (see right side)

New Channel Info Right Sidebar

‘Favorite’ Button

Same function as the favorite icon next to the channel name in the channel header, but a more prominent button

‘Mute’ Button

A new prominent button in the Channel Info Sidebar. When clicked, it is toggled on and the mute icon displays in the channel header

‘Add People’ Button

Replaces the ‘Add Members’ menu item from the Channel Menu. Available as a prominent button in the new RHS Info panel. Clicking this will launch the existing modal ‘add people’ modal.

‘Copy Link’ Button

A new button that copies the channel’s link to the user’s clipboard. When clicked, the state of the button changes to show that it’s been copied to the clipboard.

Channel Info

Rather than displaying this info in a modal, it will now display in the new Channel Info Sidebar. This will include the Channel Name, Purpose, Header and URL.

Editing channel details

For users who have permission, hovering over the about area will show the area as editable.

Clicking to edit will take users to the New Channel Settings modal with editable channel name, url, header, purpose and private/public setting. (This should be implemented in a previous phase.)

'Channel Settings' Menu Item

Will take users to the new Channel Settings Modal with editable channel name, url, header, purpose and private/public setting. (see below). See notes about Channel Settings Modal (to be completed in a previous phase)

‘Notification Preferences’ Menu Item

Launches the Notification Preferences modal for users to set how they want to be notified specifically for the channel. See notes on the Notification Preferences modal (to be completed in a previous phase ideally)

‘Members’ Menu Item

Replaces the ‘Members’ popover. Displays a list of all Channel Members in a subpanel. A ‘Manage Members' button displays in this panel.

‘Pinned Messages’ Menu Item

Pinned Messages will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Pin Icon Button.

‘Files’ Menu Item

Files will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Files Icon Button.

Members Subpanel

The new members RHS panel is a subpanel to the main Channel Info RHS. Users can Manage members (if they have permissions), invite/add new Channel members (if the have permissions) and scroll through the list of members. When a member in the list if hovered, a ‘message’ icon appears which will open up a DM for that user. Clicking on the main content of the member item in the list will open up that user’s profile card.

In the Header, a back arrow Icon Button displays. Clicking this back icon button will go back to the main Channel Info panel.

Below the header, a secondary header displays with the number of members and two buttons to manage and/or Add members (if there are permissions to do so)

Members list

• Display each members avatar, status, display name, username.

• Group members by Channel Admins and Members

Search members

The search input only displays if there are > 20 members in the channel

While searching, remove grouping.

Manage Button

For users who have access, the Manage Button appears. Clicking this will switch to managing mode and provides a role dropdown for all members in the list. The list is still searchable in this mode.

Add Members Button

Launches the current ‘Add People’ modal for channels.

Pinned Messages Subpanel

The Pinned Messages panel is the same as it currently, except for the fact that it will now be a subpanel of the main channel info panel. Pinned Messages can be accessed from the Channel Header Icon Button or from the new Channel Info RHS menu item.

Files Subpanel

The Channel-specific Files panel is the same as it currently, except for the fact that it will now be a subpanel of the main channel info panel. Files can be accessed from the Channel Header Icon Button or from the new Channel Info RHS menu item.

Sample of how Subpanels behave

Subpanels slide in on top of the main panel. (Ignore the jankiness of the GIF)