From 5104dba63140e2186dc1eed7f0bf4e14e357bf3d Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 6 Aug 2024 10:48:08 +0200
Subject: [PATCH] fix(frontend): Fr/improve suspend drawer (#4189)

* fix(frontend): add missing info about the cancel url in the suspend drawer

* fix(frontend): add missing info about the cancel url in the suspend drawer
---
 .../src/lib/components/flows/content/SuspendDrawer.svelte   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/flows/content/SuspendDrawer.svelte b/frontend/src/lib/components/flows/content/SuspendDrawer.svelte
index 2cd76806ad..d743feb918 100644
--- a/frontend/src/lib/components/flows/content/SuspendDrawer.svelte
+++ b/frontend/src/lib/components/flows/content/SuspendDrawer.svelte
@@ -32,7 +32,8 @@
 			<Section label="Prompt">
 				A prompt is simply an approval step that can be self-approved. To do this, include the
 				resume url in the returned payload of the step. The UX will automatically adapt and show the
-				prompt to the operator when running the flow. e.g:
+				prompt to the operator when running the flow. Additionally, adding the cancel url will also
+				render a cancel button, providing the operator with an option to cancel the step. e.g:
 				<Tabs selected="bun" class="pt-4">
 					<Tab value="bun">TypeScript (Bun)</Tab>
 					<Tab value="deno">TypeScript (Deno)</Tab>
@@ -49,6 +50,7 @@ export async function main() {
 
     return {
         resume: urls['resume'],
+        cancel: urls['cancel'], 
         default_args: {}, // optional, see below
         enums: {} // optional, see below
     }
@@ -65,6 +67,7 @@ export async function main() {
 
     return {
         resume: urls['resume'],
+        cancel: urls['cancel'],
         default_args: {}, // optional, see below
         enums: {} // optional, see below
     }
@@ -80,6 +83,7 @@ def main():
     urls = wmill.get_resume_urls()
     return {
         "resume": urls["resume"],
+        "cancel": urls["cancel"],
         "default_args": {}, # optional, see below
         "enums": {} # optional, see below
     }