From 4093939936203f2603bb999618f4810d33c3ecb7 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Tue, 11 Jul 2023 15:06:27 +0200
Subject: [PATCH] fix(frontend): Fix app drawer display + add missing flattent
 (#1853)

---
 .../apps/components/helpers/RunnableComponent.svelte          | 2 +-
 .../lib/components/apps/components/layout/AppDrawer.svelte    | 2 +-
 frontend/src/lib/components/common/drawer/Drawer.svelte       | 1 +
 .../src/lib/components/common/drawer/DrawerContent.svelte     | 4 +++-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
index 215b2fb450..989b0d667d 100644
--- a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
@@ -339,7 +339,7 @@
 		result = res
 
 		// Flows with loops can have multiple results
-		const errorAsArray = Array.isArray(result) ? result : [result]
+		const errorAsArray = Array.isArray(result) ? result.flat() : [result]
 
 		// As soon as we have an error, we consider the component errored
 		const hasErrors = errorAsArray.some((r) => r?.error)
diff --git a/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte b/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
index cb91a1317d..de7675488c 100644
--- a/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
+++ b/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
@@ -90,6 +90,7 @@
 				appDrawer?.toggleDrawer()
 				$focusedGrid = undefined
 			}}
+			fullScreen={$mode !== 'dnd'}
 		>
 			<div
 				class="h-full"
@@ -109,7 +110,6 @@
 						visible={open && render}
 						{id}
 						subGridId={`${id}-0`}
-						containerHeight={1200}
 						on:focus={() => {
 							if (!$connectingInput.opened) {
 								$selectedComponent = [id]
diff --git a/frontend/src/lib/components/common/drawer/Drawer.svelte b/frontend/src/lib/components/common/drawer/Drawer.svelte
index 0e96846251..969db81785 100644
--- a/frontend/src/lib/components/common/drawer/Drawer.svelte
+++ b/frontend/src/lib/components/common/drawer/Drawer.svelte
@@ -138,6 +138,7 @@
 		background: white;
 		z-index: 3;
 		transition: transform var(--duration) ease;
+		height: 100%;
 	}
 
 	.panel.left {
diff --git a/frontend/src/lib/components/common/drawer/DrawerContent.svelte b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
index dc262dddbe..96abf70212 100644
--- a/frontend/src/lib/components/common/drawer/DrawerContent.svelte
+++ b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
@@ -9,9 +9,11 @@
 	export let forceOverflowVisible = false
 	export let tooltip: string = ''
 	export let documentationLink: string | undefined = undefined
+
+	export let fullScreen: boolean = true
 </script>
 
-<div class="flex flex-col divide-y h-screen max-h-screen">
+<div class={classNames('flex flex-col divide-y ', fullScreen ? 'h-screen max-h-screen' : 'h-full')}>
 	<div class="flex justify-between w-full items-center px-2 py-2 gap-2">
 		<div class="flex items-center gap-2 min-w-0">
 			<CloseButton on:close />