From d8bb9dccffabe63836abe512041804ea827290e4 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 23 Aug 2022 22:42:32 +0200
Subject: [PATCH] fix(front): Fix not found error + add timeout

---
 .../lib/components/FlowPreviewContent.svelte  |  1 +
 .../lib/components/FlowStatusViewer.svelte    | 22 +++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index a09ed81bff..08c7e9fce0 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -23,6 +23,7 @@
 
 	export async function runPreview(args: Record<string, any>) {
 		jobId = await runFlowPreview(args, newFlow)
+
 		intervalState = 'running'
 	}
 
diff --git a/frontend/src/lib/components/FlowStatusViewer.svelte b/frontend/src/lib/components/FlowStatusViewer.svelte
index bbc30b2785..b32aa5c008 100644
--- a/frontend/src/lib/components/FlowStatusViewer.svelte
+++ b/frontend/src/lib/components/FlowStatusViewer.svelte
@@ -58,7 +58,7 @@
 				return isReady
 			})
 		} else {
-			loadJobInProgress()
+			setTimeout(() => loadJobInProgress(), 500)
 		}
 	}
 
@@ -86,7 +86,9 @@
 		{#if `result` in job}
 			<FlowJobResult {job} />
 		{:else}
-			<pre>{job.logs}</pre>
+			<div class="text-xs p-4 bg-gray-50 overflow-auto max-h-80 border">
+				<pre class="w-full">{job.logs}</pre>
+			</div>
 		{/if}
 
 		{#if Array.isArray(forloopJobIds) && forloopJobIds?.length > 0 && Array.isArray(loopJobs)}
@@ -130,13 +132,15 @@
 						<span class="font-medium text-gray-900">{job?.raw_flow?.modules.length}</span>
 					</p>
 
-					<li class="w-full border p-6 space-y-2">
-						<svelte:self
-							jobId={module.job}
-							bind:jobResult={innerJobs[i]}
-							forloopJobIds={module.forloop_jobs}
-						/>
-					</li>
+					{#if module.type === 'InProgress'}
+						<li class="w-full border p-6 space-y-2">
+							<svelte:self
+								jobId={module.job}
+								bind:jobResult={innerJobs[i]}
+								forloopJobIds={module.forloop_jobs}
+							/>
+						</li>
+					{/if}
 				{/each}
 			</ul>
 		{/if}