Badge on the pinned messages header icon · mattermost/mattermost#16226

(14 评论) (0 反应) (1 负责人)TypeScript (32,880 star) (7,823 fork)batch import

Area/End User FeatureDifficulty/3:HardHacktoberfestHelp WantedTech/GoTech/ReactJS

描述

Summary: Add a badge to the pinned post icon to inform users of new pinned posts they haven't read

Depends on https://mattermost.atlassian.net/browse/MM-28017
Adds a dot badge next to the pinned icon
Uses the ‘Active’ theme color for the badge
If there's new pinned posts in the channel since the last time you opened the pinned post view (RHS), show the dot. Note that when a server upgrades to the version with this change, only show the dot for new pinned posts after the upgrade (not existing pinned posts before the server upgrade). This is to avoid the dot appearing in every channel once a server is upgraded.

![](Channel Header - Pinned - Badge.png|width=100%)

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.

技术栈: typescriptreactcss
领域: frontend
议题类型: feature
难度: 3
预计时间: 1-2 days
活动状态: blocked
清晰度: clear
前置要求: ReactMattermost webapp architectureRedux basics
新手友好度: 20
研究方向: This issue is blocked on PR #7030 in mattermost webapp. Once that is resolved, implement a dot badge next to the pinned icon in the channel header. Use the Active theme color for the badge. Track whether there are new pinned posts since last opening the pinned post view (RHS). For servers upgrading, only show dot for new pinned posts after upgrade. Refer to the Figma design file and linked JIRA for details.