From f1d0db3bc71d33bef70a7a895f4a7c0ff2103a2f Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 24 Dec 2022 06:31:22 +0100
Subject: [PATCH] make flow status viewer always open

---
 frontend/src/lib/components/FlowPreviewContent.svelte          | 3 +--
 frontend/src/lib/components/common/drawer/Drawer.svelte        | 3 ++-
 .../src/lib/components/flows/header/FlowPreviewButtons.svelte  | 3 +--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index d513e3c89f..01fffc4864 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -17,7 +17,6 @@
 	let capturePayload: CapturePayload
 	export let previewMode: 'upTo' | 'whole'
 	export let open: boolean
-	export let is_owner: boolean = false
 
 	export let jobId: string | undefined = undefined
 	export let job: Job | undefined = undefined
@@ -158,7 +157,7 @@
 		/>
 		<div class="h-full pt-4 grow">
 			{#if jobId}
-				<FlowStatusViewer bind:is_owner bind:flowState={$flowStateStore} {jobId} bind:job />
+				<FlowStatusViewer bind:flowState={$flowStateStore} {jobId} bind:job />
 			{:else}
 				<div class="italic text-gray-500 h-full grow"> Flow status will be displayed here </div>
 			{/if}
diff --git a/frontend/src/lib/components/common/drawer/Drawer.svelte b/frontend/src/lib/components/common/drawer/Drawer.svelte
index 0196becf41..682ed4ab25 100644
--- a/frontend/src/lib/components/common/drawer/Drawer.svelte
+++ b/frontend/src/lib/components/common/drawer/Drawer.svelte
@@ -6,6 +6,7 @@
 	export let duration = 0.3
 	export let placement = 'right'
 	export let size = '600px'
+	export let alwaysOpen = false
 
 	$: durationMs = duration * 1000
 
@@ -73,7 +74,7 @@
 <aside class="drawer {$$props.class}" class:open class:close={!open && timeout} {style}>
 	<div class="overlay" on:click={handleClickAway} />
 	<div class="panel {placement}" class:size>
-		{#if open || !timeout}
+		{#if open || !timeout || alwaysOpen}
 			<slot />
 		{/if}
 	</div>
diff --git a/frontend/src/lib/components/flows/header/FlowPreviewButtons.svelte b/frontend/src/lib/components/flows/header/FlowPreviewButtons.svelte
index 0fbd9485c3..c904626dc8 100644
--- a/frontend/src/lib/components/flows/header/FlowPreviewButtons.svelte
+++ b/frontend/src/lib/components/flows/header/FlowPreviewButtons.svelte
@@ -65,9 +65,8 @@
 	{/if}
 </div>
 
-<Drawer bind:open={previewOpen} size="75%">
+<Drawer bind:open={previewOpen} alwaysOpen size="75%">
 	<FlowPreviewContent
-		bind:is_owner
 		open={previewOpen}
 		bind:previewMode
 		bind:job