mattermost/mattermost

Browse Channels modal: Add sorting mechanisms

Open

#26,084 创建于 2024年1月30日

在 GitHub 查看
 (7 评论) (0 反应) (1 负责人)TypeScript (32,880 star) (7,823 fork)batch import
Help Wanted

描述

This ticket relates to the planned redesign of the Browse Channels modal, including the addition of a mechanism for sorting Channels in order to make discovery and navigation easier. For full specs and sizing, please see the Design Files. Scope of this ticket:

Add filtering dropdowns to the top of the browser modal UI, with the following options:

  1. Sort: Recommended, Newest, Most members, A to Z, Z to A

Below we define what the “recommended” sorting logic should follow:

When there is no search terms and “recommended” sorting is selected (default), then show:

  1. First, show unjoined public channels that users in their social circle have already joined (ie people that the current user DMs with and appears in the users sidebar). Sort by channels with the most recent messages > then most members
  2. Next, show remaining unjoined public channels. Sort by channels with the most recent messages > then most members
  3. Next, show joined public channels. Sort by last view time
  4. Next, show Private channels. Sort by last view time
  5. Lastly, show Archived channels. Sort by last view time.

When there is a search term in the input area, and the “recommended” sorting is selected (default when searching), then show:

  1. First, show public channels (joined and unjoined) that start with search term. Sort by channels with the most recent messages > then most members
  2. Next, show remaining public channels (joined and unjoined) that contain the search term in channel name. Sort by channels with the most recent messages > then most members
  3. Next, show Private channels that start or contain search term. Sort by channels with the most recent messages > then most members
  4. Next, show Archived channels that start or contain search term. Sort by channels with the most recent messages > then most members

If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.

New contributors please see our Developer's Guide.

JIRA: https://mattermost.atlassian.net/browse/MM-46494

贡献者指南

技术栈
typescriptreact
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 days
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
blocked
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
ReactTypeScriptFamiliarity with Mattermost UI components
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
The issue requires implementing sorting dropdowns in the Browse Channels modal as per the Figma design files. The sorting logic involves multiple categories (recommended, newest, most members, A Z, Z A) with complex rules for when search terms are present. The existing modal component likely resides in the mattermost webapp repository. Look at the current Browse Channels modal component (e.g., in 'components/channel browser modal') and the Redux selectors for channel data. The sorting logic should be implemented in a utility function or selector. The maintainers have provided detailed specs, so no further clarification is needed. The issue is assigned, so check the assignee's progress and any linked branches.