/
Updated Channel Notification Preferences Modal

Updated Channel Notification Preferences Modal

Ready for implementation

Important Links

MM-40384: Webapp: Update Notifications Preferences ModalClosed

Figma design

Figma protoype

Description

This effort is largely a UI update to align with the new patterns for modals and form inputs.

There are a few minor functional updates beyond the UI that are outlined in this document below.

Mute Channel

When mute is enabled all other irrelevant settings are hidden. A notice displays to make this more obvious.

Change How Global Defaults work

To help avoid confusion:

  • Remove ‘Global default’ as an option

  • Automatically select the option that is the global default setting and display “(global default)” in brackets next to the option that is the default

  • If users deviate from the default, a “reset to default” button will appear next to the “Desktop Notifications title.

Sounds

Previous work was done to allow different notification sounds on a per-channel basis. Small UI modifications have been done to update this as well.

MM-30432: Allow users to specify different desktop notification sounds per channelClosed

  • The channel notification preference should initially follow the global account setting notification preference

  • If user changes from the default, a ‘reset to default’ button appears next to the ‘Sounds’ title. Clicking this will return the settings back to the global defaults

  • If the channel notification preference is changed here, it is then decoupled from the global setting.

  • If the user edits the channel preferences notification sound, it should no longer be linked to the notification sound selected in account settings.

  • If “enable notification sounds” is turned off, hide the dropdown for choosing a sound

  • If “For all activity” or “Only for mentions” is selected, a new section is added to the channel notifications settings to choose the notification sound.

  • If "Never" is selected, then hide the settings for “Sounds”

Different Mobile Notifications

If a user checks “Use same notification settings as desktop”, no other settings are displayed. If the setting is unchecked, a new group of radio buttons displays for users to select a different option.

 

 

Mobile Webview

The mobile webview layout should follow what has been proposed for the new product settings and channel settings layout (aside from the parent/child page relationship since there is only one page in these settings).

 

Related content