From c6c0837c9be333dfb1516428c6fa94edf528dd5c Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Fri, 5 Aug 2022 09:11:55 +0200
Subject: [PATCH] Check whether flow is defined before rendering the preview
 button (#337)

---
 .../src/lib/components/FlowBuilder.svelte     | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/frontend/src/lib/components/FlowBuilder.svelte b/frontend/src/lib/components/FlowBuilder.svelte
index f8306ef3b7..d01944587e 100644
--- a/frontend/src/lib/components/FlowBuilder.svelte
+++ b/frontend/src/lib/components/FlowBuilder.svelte
@@ -196,24 +196,23 @@
 					bind:schema={$flowStore.schema}
 				/>
 			{/if}
+			<Button
+				disabled={pathIsEmpty($flowStore.path)}
+				size="lg"
+				pill
+				on:click={() => (previewOpen = !previewOpen)}
+				class={`blue-button fixed bottom-10 right-10 ${previewOpen ? 'hidden' : ''}`}
+			>
+				Preview flow
+				{pathIsEmpty($flowStore.path) ? '(pick a name first!)' : ''}
+
+				<Icon data={faPlay} class="ml-2" />
+			</Button>
 		{:else}
 			<p>Loading</p>
 		{/if}
 	</div>
 
-	<Button
-		disabled={pathIsEmpty($flowStore.path)}
-		size="lg"
-		pill
-		on:click={() => (previewOpen = !previewOpen)}
-		class={`blue-button fixed bottom-10 right-10 ${previewOpen ? 'hidden' : ''}`}
-	>
-		Preview flow
-		{pathIsEmpty($flowStore.path) ? '(pick a name first!)' : ''}
-
-		<Icon data={faPlay} class="ml-2" />
-	</Button>
-
 	<div class={`relative h-screen w-1/3 ${previewOpen ? '' : 'hidden'}`}>
 		<div class="absolute top-0 h-full">
 			<div class="fixed border-l-2 right-0 h-screen w-1/3">