From 28d1c7596220c6534688a2eff3aec73eed669155 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 11 Nov 2023 17:41:37 +0100
Subject: [PATCH] fix test flow cancel

---
 frontend/src/lib/components/FlowPreviewContent.svelte   | 1 +
 frontend/src/lib/components/common/button/Button.svelte | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index 5b43e5713b..69270e38da 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -190,6 +190,7 @@
 				size="sm"
 				btnClasses="w-full max-w-lg"
 				loading={true}
+				clickableWhileLoading
 			>
 				Cancel
 			</Button>
diff --git a/frontend/src/lib/components/common/button/Button.svelte b/frontend/src/lib/components/common/button/Button.svelte
index 9b6cf94b0b..b7842c2681 100644
--- a/frontend/src/lib/components/common/button/Button.svelte
+++ b/frontend/src/lib/components/common/button/Button.svelte
@@ -19,6 +19,8 @@
 	export let target: '_self' | '_blank' | undefined = undefined
 	export let iconOnly: boolean = false
 
+	export let clickableWhileLoading = false
+
 	export let element: ButtonType.Element | undefined = undefined
 	export let id: string = ''
 	export let nonCaptureEvent: boolean = false
@@ -190,7 +192,7 @@
 			tabindex={disabled ? -1 : 0}
 			{title}
 			{...$$restProps}
-			disabled={disabled || loading}
+			disabled={disabled || (loading && !clickableWhileLoading)}
 			{style}
 		>
 			{#if loading}