read_receipts: Disable showing read receipts for Notification Bot msgs.

The implementation is simple, we just check if the
the message sender is a notification bot to decide if we
should show the read receipts list.

We also update the modal content styling to match the padding at the
top of the modal.

Fixes #22905
This commit is contained in:
Riken Shah
2022-09-09 18:22:28 +00:00
committed by Tim Abbott
parent ce9ceb7f9f
commit ff899e5c31
3 changed files with 67 additions and 46 deletions

View File

@@ -7,6 +7,7 @@ import render_read_receipts_modal from "../templates/read_receipts_modal.hbs";
import * as channel from "./channel"; import * as channel from "./channel";
import {$t, $t_html} from "./i18n"; import {$t, $t_html} from "./i18n";
import * as loading from "./loading"; import * as loading from "./loading";
import * as message_store from "./message_store";
import * as overlays from "./overlays"; import * as overlays from "./overlays";
import * as people from "./people"; import * as people from "./people";
import * as popovers from "./popovers"; import * as popovers from "./popovers";
@@ -17,6 +18,16 @@ export function show_user_list(message_id) {
overlays.open_modal("read_receipts_modal", { overlays.open_modal("read_receipts_modal", {
autoremove: true, autoremove: true,
on_show: () => { on_show: () => {
const message = message_store.get(message_id);
if (message.sender_email === "notification-bot@zulip.com") {
$("#read_receipts_modal .read_receipts_info").text(
$t({
defaultMessage:
"Read receipts are not available for Notification Bot messages.",
}),
);
$("#read_receipts_modal .modal__content").addClass("compact");
} else {
loading.make_indicator($("#read_receipts_modal .loading_indicator")); loading.make_indicator($("#read_receipts_modal .loading_indicator"));
channel.get({ channel.get({
url: `/json/messages/${message_id}/read_receipts`, url: `/json/messages/${message_id}/read_receipts`,
@@ -64,6 +75,7 @@ export function show_user_list(message_id) {
loading.destroy_indicator($("#read_receipts_modal .loading_indicator")); loading.destroy_indicator($("#read_receipts_modal .loading_indicator"));
}, },
}); });
}
}, },
on_hide: () => { on_hide: () => {
// Ensure any user info popovers are closed // Ensure any user info popovers are closed

View File

@@ -668,6 +668,13 @@ strong {
/* Setting a maximum height is just for aesthetics; the modal looks /* Setting a maximum height is just for aesthetics; the modal looks
weird if its aspect ratio gets too stretched. */ weird if its aspect ratio gets too stretched. */
max-height: 480px; max-height: 480px;
/* For the notification bot error, we want to keep the modal clean and small.
The 16px padding is intended to match the padding at the top of the modal. */
&.compact {
min-height: unset;
padding-bottom: 16px;
}
} }
} }

View File

@@ -109,6 +109,8 @@ IGNORED_PHRASES = [
# Use in compose box. # Use in compose box.
r"to send", r"to send",
r"to add a new line", r"to add a new line",
# Used in showing Notification Bot read receipts message
"Notification Bot",
] ]
# Sort regexes in descending order of their lengths. As a result, the # Sort regexes in descending order of their lengths. As a result, the