From ff9bd2fc63b0cc0d931427a879e6ee8f96eeee26 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 26 Sep 2022 04:59:35 +0200
Subject: [PATCH] fix logspanel for flow viewer

---
 frontend/src/lib/components/FlowJobResult.svelte | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/FlowJobResult.svelte b/frontend/src/lib/components/FlowJobResult.svelte
index c9138d97be..b74ffb91d5 100644
--- a/frontend/src/lib/components/FlowJobResult.svelte
+++ b/frontend/src/lib/components/FlowJobResult.svelte
@@ -5,6 +5,7 @@
 	import Tabs from './common/tabs/Tabs.svelte'
 	import Tab from './common/tabs/Tab.svelte'
 	import TabContent from './common/tabs/TabContent.svelte'
+	import LogViewer from './LogViewer.svelte'
 
 	export let job: CompletedJob | undefined
 </script>
@@ -14,13 +15,11 @@
 		<Tab value="results">Results</Tab>
 		<Tab value="logs">Logs</Tab>
 		<svelte:fragment slot="content">
-			<TabContent value="results" class="border p-2 h-36 overflow-y-scroll">
+			<TabContent value="results" class="border p-2 h-36 overflow-auto">
 				<DisplayResult result={job.result} />
 			</TabContent>
-			<TabContent value="logs" class="border p-2 h-36 overflow-y-scroll">
-				<div class="text-xs p-4 bg-gray-50 overflow-auto max-h-80 border">
-					<pre class="w-full">{job.logs}</pre>
-				</div>
+			<TabContent value="logs" class="border h-36 overflow-auto">
+				<LogViewer content={job.logs ?? ''} isLoading={false} />
 			</TabContent>
 		</svelte:fragment>
 	</Tabs>