From 859903648b86b58862ecbda0daa6a4d2de9d38ea Mon Sep 17 00:00:00 2001
From: Daniil Fadeev <fadeevd@zulip.com>
Date: Tue, 16 May 2023 14:16:24 +0400
Subject: [PATCH] scheduled_messages: Add banner for unscheduled message.

Fixes: #25614.
---
 web/src/compose_banner.ts     |  1 +
 web/src/scheduled_messages.js | 26 +++++++++++++++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/web/src/compose_banner.ts b/web/src/compose_banner.ts
index 1e90ebe269..fb3a36fff5 100644
--- a/web/src/compose_banner.ts
+++ b/web/src/compose_banner.ts
@@ -33,6 +33,7 @@ export const CLASSNAMES = {
     recipient_not_subscribed: "recipient_not_subscribed",
     wildcard_warning: "wildcard_warning",
     private_stream_warning: "private_stream_warning",
+    unscheduled_message: "unscheduled_message",
     // errors
     wildcards_not_allowed: "wildcards_not_allowed",
     subscription_error: "subscription_error",
diff --git a/web/src/scheduled_messages.js b/web/src/scheduled_messages.js
index b6d51d6319..9363937d2e 100644
--- a/web/src/scheduled_messages.js
+++ b/web/src/scheduled_messages.js
@@ -1,5 +1,6 @@
 import $ from "jquery";
 
+import render_compose_banner from "../templates/compose_banner/compose_banner.hbs";
 import render_success_message_scheduled_banner from "../templates/compose_banner/success_message_scheduled_banner.hbs";
 import render_send_later_modal_options from "../templates/send_later_modal_options.hbs";
 
@@ -182,13 +183,32 @@ export function send_request_to_schedule_message(scheduled_message_data, deliver
     });
 }
 
+function show_message_unscheduled_banner(scheduled_delivery_timestamp) {
+    const deliver_at = timerender.get_full_datetime(
+        new Date(scheduled_delivery_timestamp * 1000),
+        "time",
+    );
+    const unscheduled_banner = render_compose_banner({
+        banner_type: compose_banner.WARNING,
+        banner_text: $t(
+            {
+                defaultMessage: "This message is no longer scheduled for {deliver_at}.",
+            },
+            {deliver_at},
+        ),
+        classname: compose_banner.CLASSNAMES.unscheduled_message,
+    });
+    compose_banner.append_compose_banner_to_banner_list(unscheduled_banner, $("#compose_banners"));
+}
+
 export function edit_scheduled_message(scheduled_message_id, should_narrow_to_recipient = true) {
     const scheduled_msg = scheduled_messages_data.find(
         (msg) => msg.scheduled_message_id === scheduled_message_id,
     );
-    delete_scheduled_message(scheduled_message_id, () =>
-        open_scheduled_message_in_compose(scheduled_msg, should_narrow_to_recipient),
-    );
+    delete_scheduled_message(scheduled_message_id, () => {
+        open_scheduled_message_in_compose(scheduled_msg, should_narrow_to_recipient);
+        show_message_unscheduled_banner(scheduled_msg.scheduled_delivery_timestamp);
+    });
 }
 
 export function delete_scheduled_message(scheduled_msg_id, success = () => {}) {