Skip to content

Distinguish muted users in UI #1429

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 13 commits into
base: main
Choose a base branch
from

Conversation

sm-sayedi
Copy link
Collaborator

Note: No tests are included in this draft revision.

This PR aims to respect the user's settings for muting other users by distinguishing its related UI appearance. From the list of places in UI mentioned in https://zulip.com/help/mute-a-user, the following are included as they're compatible with the current scope of mobile:

  • Combined feed sent by muted users, including the name, profile picture, and message content, are hidden behind a Click here to reveal banner. A revealed message can later be re-hidden.
Message from muted user (Before) Message from muted user (After)
Revealed muted message Revealed muted message (Long-pressed)
  • Muted users have their name displayed as "Muted user" for emoji reactions, polls, and when displaying the recipients of group direct messages.
Emoji reactions | Poll (Before) Emoji reactions | Poll (After)
Group DMs with muted user (Before) Group DMs with muted user (After)
Recent DMs view (Before) Recent DMs view (After)
  • Recent conversations and other features that display avatars will show a generic user symbol in place of a muted user's profile picture.
Custom profile field (Before) Custom profile field (After)
  • Muted users are excluded from the autocomplete for composing a direct message or mentioning a user.

Fixes: #296

@sm-sayedi sm-sayedi force-pushed the 296-respect-muted-users branch from c34b94b to d80442b Compare March 24, 2025 03:49
@sm-sayedi sm-sayedi force-pushed the 296-respect-muted-users branch 3 times, most recently from 86d0e66 to db3216f Compare May 2, 2025 19:01
@sm-sayedi sm-sayedi force-pushed the 296-respect-muted-users branch from db3216f to 17f2f6b Compare May 6, 2025 02:06
@sm-sayedi sm-sayedi force-pushed the 296-respect-muted-users branch 5 times, most recently from 8ab889f to cddcfcc Compare May 22, 2025 17:30
@sm-sayedi
Copy link
Collaborator Author

sm-sayedi commented May 22, 2025

@chrisbobbe This is now ready for a general review, as we discussed on the call this week. PTAL.

I am now starting to write tests.

@@ -0,0 +1,3 @@
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 1.9975C6.78948 1.9975 4.9975 3.78948 4.9975 6C4.9975 8.21052 6.78948 10.0025 9 10.0025C11.2105 10.0025 13.0025 8.21052 13.0025 6C13.0025 3.78948 11.2105 1.9975 9 1.9975ZM12.6361 10.77C14.0714 9.67415 14.9975 7.94523 14.9975 6C14.9975 2.68767 12.3123 0.00250244 9 0.00250244C5.68767 0.00250244 3.0025 2.68767 3.0025 6C3.0025 7.94523 3.92857 9.67415 5.36389 10.77C4.3572 11.2147 3.43107 11.8445 2.63781 12.6378C0.950451 14.3252 0.00250244 16.6137 0.00250244 19C0.00250244 19.5509 0.449098 19.9975 1 19.9975C1.55091 19.9975 1.9975 19.5509 1.9975 19C1.9975 17.1428 2.73526 15.3617 4.04849 14.0485C5.36171 12.7353 7.14282 11.9975 9 11.9975C10.8572 11.9975 12.6383 12.7353 13.9515 14.0485C15.2647 15.3617 16.0025 17.1428 16.0025 19C16.0025 19.5509 16.4491 19.9975 17 19.9975C17.5509 19.9975 17.9975 19.5509 17.9975 19C17.9975 16.6137 17.0496 14.3252 15.3622 12.6378C14.5689 11.8445 13.6428 11.2147 12.6361 10.77Z" fill="black"/>
</svg>
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This icon file is displayed differently when used as ZulipIcon. In the file, the head section is an outlined circle, but in the app, it is a filled circle.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, fill-rule="evenodd" doesn't work when converted to a font. Here's instructions for fixing it:
https://zulip.readthedocs.io/en/latest/subsystems/icons.html#correcting-icons-with-an-evenodd-fill-rule

sm-sayedi added 13 commits May 23, 2025 14:19
The conversations are excluded where all the recipients are muted.
Direct messages of those conversations are excluded where all the
recipients are muted.

Currently the applicable narrows are:
  - CombinedFeedNarrow
  - MentionsNarrow
  - StarredMessagesNarrow

In the future, this will apply to the ReactionsNarrow from the Web app
too, once we have it.
@sm-sayedi sm-sayedi force-pushed the 296-respect-muted-users branch from cddcfcc to 3df45ad Compare May 23, 2025 09:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Mute muted users
2 participants