diff --git a/web/src/stream_edit_subscribers.js b/web/src/stream_edit_subscribers.js
index a710e5f6ff..2da7b0a7da 100644
--- a/web/src/stream_edit_subscribers.js
+++ b/web/src/stream_edit_subscribers.js
@@ -1,6 +1,7 @@
import $ from "jquery";
import render_unsubscribe_private_stream_modal from "../templates/confirm_dialog/confirm_unsubscribe_private_stream.hbs";
+import render_inline_decorated_stream_name from "../templates/inline_decorated_stream_name.hbs";
import render_stream_member_list_entry from "../templates/stream_settings/stream_member_list_entry.hbs";
import render_stream_members from "../templates/stream_settings/stream_members.hbs";
import render_stream_subscription_request_result from "../templates/stream_settings/stream_subscription_request_result.hbs";
@@ -252,6 +253,9 @@ function remove_subscriber({stream_id, target_user_id, $list_entry}) {
if (sub.invite_only && people.is_my_user_id(target_user_id)) {
const sub_count = peer_data.get_subscriber_count(stream_id);
+ const stream_name_with_privacy_symbol_html = render_inline_decorated_stream_name({
+ stream: sub,
+ });
const html_body = render_unsubscribe_private_stream_modal({
message: $t({
@@ -262,8 +266,8 @@ function remove_subscriber({stream_id, target_user_id, $list_entry}) {
confirm_dialog.launch({
html_heading: $t_html(
- {defaultMessage: "Unsubscribe from {stream_name}"},
- {stream_name: sub.name},
+ {defaultMessage: "Unsubscribe from "},
+ {"z-link": () => stream_name_with_privacy_symbol_html},
),
html_body,
on_click: remove_user_from_private_stream,
diff --git a/web/src/stream_settings_ui.js b/web/src/stream_settings_ui.js
index ee3090c395..029f9c3df5 100644
--- a/web/src/stream_settings_ui.js
+++ b/web/src/stream_settings_ui.js
@@ -2,6 +2,7 @@ import $ from "jquery";
import _ from "lodash";
import render_unsubscribe_private_stream_modal from "../templates/confirm_dialog/confirm_unsubscribe_private_stream.hbs";
+import render_inline_decorated_stream_name from "../templates/inline_decorated_stream_name.hbs";
import render_browse_streams_list from "../templates/stream_settings/browse_streams_list.hbs";
import render_browse_streams_list_item from "../templates/stream_settings/browse_streams_list_item.hbs";
import render_selected_stream_title from "../templates/stream_settings/selected_stream_title.hbs";
@@ -999,6 +1000,7 @@ export function open_create_stream() {
export function unsubscribe_from_private_stream(sub) {
const invite_only = sub.invite_only;
const sub_count = peer_data.get_subscriber_count(sub.stream_id);
+ const stream_name_with_privacy_symbol_html = render_inline_decorated_stream_name({stream: sub});
const html_body = render_unsubscribe_private_stream_modal({
message: $t({
@@ -1020,8 +1022,8 @@ export function unsubscribe_from_private_stream(sub) {
confirm_dialog.launch({
html_heading: $t_html(
- {defaultMessage: "Unsubscribe from {stream_name}"},
- {stream_name: sub.name},
+ {defaultMessage: "Unsubscribe from "},
+ {"z-link": () => stream_name_with_privacy_symbol_html},
),
html_body,
on_click: unsubscribe_from_stream,