From 7aa2189feca1b502674c5c1957f207b3dd1e7264 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Wed, 17 Jul 2024 14:52:21 +0200
Subject: [PATCH] fix(frontend): fix use inputs flow preview (#4094)

* fix(frontend): Fix json editor wip

* fix(frontend): Fix 'Use input' in the test flow drawer
---
 .../lib/components/FlowPreviewContent.svelte   | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index ad85c3d7f5..e87120ed01 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -114,6 +114,7 @@
 	$: selectedJobStep !== undefined && onSelectedJobStepChange()
 
 	let inputLibraryDrawer: Drawer
+	let renderCount: number = 0
 </script>
 
 <CapturePayload bind:this={capturePayload} />
@@ -129,6 +130,7 @@
 			on:selected_args={(e) => {
 				$previewArgs = JSON.parse(JSON.stringify(e.detail))
 				inputLibraryDrawer?.closeDrawer()
+				renderCount++
 			}}
 		/>
 	</DrawerContent>
@@ -311,13 +313,15 @@
 
 	<div class="overflow-y-auto grow flex flex-col pr-4">
 		<div class="border-b">
-			<SchemaForm
-				noVariablePicker
-				compact
-				class="py-4 max-w-3xl"
-				schema={$flowStore.schema}
-				bind:args={$previewArgs}
-			/>
+			{#key renderCount}
+				<SchemaForm
+					noVariablePicker
+					compact
+					class="py-4 max-w-3xl"
+					schema={$flowStore.schema}
+					bind:args={$previewArgs}
+				/>
+			{/key}
 		</div>
 		<div class="pt-4 flex flex-col grow">
 			{#if jobId}